Question

我希望视频在页面加载时自动播放。但是当我们使用jquery创建一个包装div时，它就会停止工作。

HTML：

<div class="header">
    <video width="400" controls="" loop="" autoplay="">
        <source type="video/mp4" src="http://www.w3schools.com/html/mov_bbb.mp4"></source>
        <source type="video/ogg" src="http://www.w3schools.com/html/mov_bbb.ogg"></source>
    </video>
</div>

Jquery的

$('.header').wrapInner('<div id="site-wrapper"></div>');

演示： https://jsfiddle.net/91bn0g86/1/

Answer 1

不知道为什么它会停止播放，但你可以使用以下来重新触发自动播放。请注意，自动播放不会在移动设备上运行。

$('.header').wrapInner('<div id="site-wrapper"></div>');
var vid = document.getElementById('myVideo');
vid.play();

（并将id =＆＃34; myVideo＆＃34;添加到您的元素中）

创建包装div时，Html5视频停止工作

1 个答案: