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

Question

我想一个属性添加autoplay到一个<video></video>元素，点击一个特定的目标按钮时。

HTML

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

我尝试使用 jQuery：

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

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

Answer 1

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

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

但是，当您实际上可以使用 JS 播放视频时，为什么要这样做呢？下面是如何用 jQuery 做到这一点：

$('video').play();