[Webkit-unassigned] [Bug 190794] New: Attribute & value allow autoplay not respected for video content with volume after click-to-play

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=190794

            Bug ID: 190794
           Summary: Attribute & value allow autoplay not respected for
                    video content with volume after click-to-play
           Product: WebKit
           Version: Safari 12
          Hardware: iPhone / iPad
                OS: iOS 12
            Status: NEW
          Severity: Major
          Priority: P2
         Component: Frames
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: john.crosby at mlb.com

An iframe added to the DOM with the 'allow="autoplay"' attribute and value in response to a user click event will not auto play video content with volume.

*On iPad iOS 12.0.1 in Safari or Chrome*

- Expected results: When the user clicks on the play button, the video plays with sound
- Actual results: When the user clicks on the play button, the video is blocked from autoplaying 


The provided example below illustrates the issue. I've also provided the sample here: https://github.mlbam.net/pages/jcrosby/html-player-test/iframe-embed.html


*simple-video.html*

<video controls playsinline autoplay
    src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"
    width="480" height="270"></video>


*iframe-embed.html*

<button id="play-btn">PLAY</button>
<div id="video-container"></div>

<script>

    document.addEventListener('DOMContentLoaded', function() {

        var videoCntr = document.getElementById('video-container');
        var playBtn = document.getElementById('play-btn');
        var ifm = document.createElement('iframe');

        ifm.setAttribute('src', '/simple-video.html');
        ifm.setAttribute('allow', 'autoplay');
        ifm.setAttribute('scrolling', 'no');
        ifm.setAttribute('width', 480);
        ifm.setAttribute('height', 270);

        playBtn.addEventListener('click', function(event) {

            videoCntr.appendChild(ifm);

        });

    });

</script>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20181022/7246822d/attachment-0001.html>