Question

如何禁用html5视频自动播放？

我尝试了什么：

<video width="640" height="480" controls="controls" type="video/mp4" autoplay="false" preload="none"><source src="http://mydomain.com/mytestfile.mp4">Your browser does not support the video tag.</video>

Answer 1

我会删除autoplay属性，因为如果浏览器找到自动播放字符串，它会自动播放！

自动播放不是布尔类型。

此外，类型进入源代码，如下所示：

<video width="640" height="480" controls preload="none">
   <source src="http://example.com/mytestfile.mp4" type="video/mp4">
   Your browser does not support the video tag.
</video>

参考：http://www.w3.org/TR/html-markup/video.html

Answer 2

删除视频代码中的自动播放。使用这样的代码

＆＃13;

<video class="embed-responsive-item"  controls>
   <source src="http://example.com/video.mp4">
   Your browser does not support the video tag.
</video>

＆＃13;

它是100％正常工作

Answer 3

尝试将autostart="false"添加到源代码中。

<video width="640" height="480" controls="controls" type="video/mp4" preload="none">
<source src="http://example.com/mytestfile.mp4" autostart="false">
Your browser does not support the video tag.
</video>

JSFiddle example

Answer 4

只需在视频代码中使用preload="none"，视频就会在网页加载时停止自动播放。

Answer 5

确实将autoplay设置为false无助于某些视频播放。见this case in fiddle.

如果你想暂停所有视频，你可能希望通过代码来做一些事情：

videos = document.querySelectorAll("video"); 
for(video of videos) {
  video.pause(); 
}

当然，如果video标签位于阴影根元素中，则上述情况将不起作用，但几乎任何通用解决方案都不适用于阴影根元素。在那里，您将需要一种自定义方法，并首先扩展阴影根。

Answer 6

删除所有显示 autoplay 的属性，因为它在您的标签中是 true 的布尔简写。

此外，请确保始终使用 video 或 audio 元素。请勿使用 object 或 embed 作为默认使用第 3 部分插件自动播放的元素，并且在不更改浏览器设置的情况下无法停止。

Answer 7

要禁用自动播放，您have to REMOVE autoplay attribute completely。

否则将被解释为 autoplay=true。相当不明显！

Answer 8

<video class="embed-responsive-item"  controls>
   <source src="http://example.com/video.mp4" autostart="false">
   Your browser does not support the video tag.
</video>

Answer 9

您可以设置autoplay=""

<video width="640" height="480" controls="controls" type="video/mp4" autoplay="">
<source src="http://example.com/mytestfile.mp4">
Your browser does not support the video tag.
</video>

PS。要启用，您可以使用autoplay或autoplay="autoplay"

Answer 10

将autoplay =“false”放在源标记上。：）

禁用html5视频自动播放

10 个答案: