尽管在 HTML 的视频标签中使用了“自动播放”，但视频不会自动播放答案

【问题标题】：Video not autoplaying inspite of using "autoplay" in the video tag of HTML尽管在 HTML 的视频标签中使用了“自动播放”，但视频不会自动播放
【发布时间】：2016-09-22 08:18:56
【问题描述】：

代码sn-p如下。我使用 impress.js 创建了一个在线演示文稿。我想在最后一张幻灯片中插入一个视频，该视频会在幻灯片出现时自动播放。但我无法实现这一点。谁能帮我解决这个问题？

<div class="step box" data-x="0" data-z="4000" data-rotate-y="0">

<video width="800" height="600" controls autoplay>
   <source src="electric_bulb_hd_stock_video.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
</video>

</div>

【问题讨论】：

它应该可以工作...
您的上滑事件可能存在问题。尝试使用循环属性。如果它有效，那么问题在于您的上滑事件。可能是在幻灯片出现之前正在播放视频。
不，事实并非如此，因为当我单击播放按钮时，视频开始播放。只是自动播放功能似乎不起作用，其余一切正常！
您使用的是移动设备还是网络版本？？？因为在移动版本中自动播放属性不起作用...
也许它在你到达幻灯片之前就开始了，并且它已经完成了播放，尝试添加重复，看看会发生什么

标签： javascript html video impress.js

【解决方案1】：

在 impress.js 中，DOM 阻止视频自动播放，但您可以使用 API，如下所示：

var videoStep = document.getElementById("video-step");
var video = document.getElementById("video");
videoStep.addEventListener("impress:stepenter", function(){
    video.play();
}, false);
videoStep.addEventListener("impress:stepleave", function(){
    video.pause();
}, false);

HTML：

<div id="video-step" class="step" data-x="-50000" data-y="2000" data-z="-60000" data-scale="6">
    <video id="video" width="420" height="340" autoplay>
        <source src="video/test.webm" type="video/webm">
    </video>
</div>

使用上面的代码，当你进入这一步时，视频会自动播放，当你离开这一步时它会暂停。试试看:)

【讨论】：

非常感谢！这招奏效了！！它真的帮了我很多:)
这里的总新手，在学习 impress.js 时学习 HTML、javascript。我在哪里添加 API 部分？在 impress.init() 之前的 html 中？还是在样式表中？
没关系，我尝试在 impress.init() 调用之前添加它并且它有效。谢谢！

【解决方案2】：

试试 autoplay="autoplay"

http://www.w3schools.com/tags/att_video_autoplay.asp

它应该可以工作。

【讨论】：

不，即使那样也无济于事！视频仍未自动播放！
@AsheshDas 您在其他浏览器中尝试过吗？您是否尝试过禁用所有扩展程序？您的计算机是否在托管网络上？