Javascript 视频不自动播放，尽管使用；“自动播放”；在HTML的视频标签中

下面给出了代码片段。我使用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>

您的浏览器不支持HTML5视频。

试试autoplay=“autoplay”

它应该可以工作。

试试autoplay=“autoplay”

---

它应该可以工作。

在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:

---

使用上述代码，当您进入此步骤时，视频将自动播放，当您离开此步骤时，视频将暂停。试试看：）

在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:

---

---

使用上述代码，当您进入此步骤时，视频将自动播放，当您离开此步骤时，视频将暂停。试一试：）

它应该可以工作……可能是您的幻灯片升级活动出现了一些问题。尝试使用循环属性。若它有效，那个么问题就在于你们的滑升活动。可能是幻灯片出现之前正在播放视频。不，不是这样，因为当我单击“播放”按钮时，视频开始播放。只是自动播放功能似乎不起作用，其余所有功能都正常工作！您使用的是移动设备还是网络版本？？？因为在移动版本中，“自动播放”属性不起作用…可能是在您进入幻灯片之前开始播放，并且已经播放完毕，请尝试添加“重复”，看看happensIt应该起什么作用…可能是您的幻灯片播放事件有问题。尝试使用循环属性。若它有效，那个么问题就在于你们的滑升活动。可能是幻灯片出现之前正在播放视频。不，不是这样，因为当我单击“播放”按钮时，视频开始播放。只是自动播放功能似乎不起作用，其余所有功能都正常工作！您使用的是移动设备还是网络版本？？？因为在移动版本中，“自动播放”属性不起作用……可能在您进入幻灯片之前就开始播放，并且已经播放完毕，请尝试添加“重复”，看看会发生什么情况即使这样也无济于事！视频仍无法自动播放@AsheshDas您是否在其他浏览器中尝试过此功能？您是否尝试过禁用所有扩展？您的计算机在托管网络上吗？不，即使这样也无济于事！视频仍无法自动播放@AsheshDas您是否在其他浏览器中尝试过此功能？您是否尝试过禁用所有扩展？您的计算机在托管网络上吗？非常感谢！这个把戏奏效了！！这真的帮了我很大的忙：）这里完全是新手，在学习impress.js的同时学习HTML和javascript。在哪里添加API部件？在impress.init（）之前的html中？或者在样式表中？没关系，我尝试在impress.init（）调用之前添加它，结果成功了。萨克斯！非常感谢你！这个把戏奏效了！！这真的帮了我很大的忙：）这里完全是新手，在学习impress.js的同时学习HTML和javascript。在哪里添加API部件？在impress.init（）之前的html中？或者在样式表中？没关系，我尝试在impress.init（）调用之前添加它，结果成功了。萨克斯！