停止 HTML 视频的自动播放答案

【问题标题】：Stop autoplay for HTML video停止 HTML 视频的自动播放
【发布时间】：2016-12-19 06:40:54
【问题描述】：

我有一个 html 视频，其中我有最初加载的图像。并且该图像消失并播放该视频。

我希望图像始终出现，直到我单击图像。一旦我点击图片，视频应该会播放。

请找到jsfiddle：

我们已经尝试autoplay = "" 并且还从视频标签中删除了自动播放，但没有任何乐趣。

如果我想在点击图像时播放视频，我需要做哪些更改？

【问题讨论】：

【解决方案1】：

从<video> 标记中删除autoplay 可以很好地阻止它自动播放。
要使其在单击时播放图像，请使用以下 jQuery：

$('#vid').click(function() {
  $('#vid').get(0).play()
});

Here is an updated JSFiddle

如有任何问题，请随时提出。

【讨论】：

【解决方案2】：

尝试删除 autoplay="false" 或仅删除自动播放属性

【讨论】：

【解决方案3】：

尝试添加autoplay="false" 或删除autoplay。这对我有用。

希望这会有所帮助。

【讨论】：

【解决方案4】：

这里是更新的代码，你可以从视频元素中删除自动播放属性，所以它永远不会播放自动播放，除此之外，如果你需要通过脚本停止自动播放，你可以在它上面注册事件并使用 Dom 方法 "element.pause( )" 停止视频here

【讨论】：

【解决方案5】：

取自 MDN Web Docs https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video“自动播放属性优先于预加载。如果指定了自动播放，浏览器显然需要开始下载视频进行播放。”

这对我有用。

【讨论】：