如何在html5视频播放器中添加自动播放属性

Question

我想在单击特定目标按钮时将属性 autoplay 添加到 <video></video> 元素。

HTML

 <video controls>
  <source src="video.mp4" type="video/mp4">
</video>

我尝试使用 jQuery：

 $('.targetButton').on('click', function(){
  $('video').attr("autoplay"," ");
});

…但视频无法播放。我究竟做错了什么？

原文由 Daniel 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

设置自动播放标志不足以让视频播放，您应该在将自动播放设置为 true 后立即调用 load() 方法，以便视频重新加载然后播放，因为该标志为 true。

 $('video').autoplay = true;
$('video').load();

但是，当您实际上可以使用 JS 播放视频时，为什么还要这样做呢？以下是使用 jQuery 的方法：

 $('video').play();

原文由 user6549300 发布，翻译遵循 CC BY-SA 3.0 许可协议