如何在代码中自动播放？

Question

有没有办法在<a>代码中自动播放视频。

我有一个图像作为按钮，当我点击图像时，会显示一个视频，但我希望它能自动播放。

  <a id="myVideo"  href="IKEA creative ad.mp4"  ><img class="img-thumbnail" src="play-button-icon.png"/></a>

Answer 1

使用视频标记。不要使用标签。

<video controls autoplay>
 <source src="IKEA_creative_ad.mp4" type="video/mp4">
 Your browser does not support the video tag.
</video>

视频标记中的自动播放属性会在加载页面时自动播放视频。

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video - 请参阅此内容以获取更多信息。

使用此代码

document.getElementById('myVideo').onclick = function() {
  var vid = document.getElementById("myVideo"); 
  vid.play(); 
}

Answer 2

如果您的视频位于弹出窗口内，则可以将点击事件绑定到您的链接并从那里自动播放。

document.getElementById("myVideo").addEventListener("click", function() {
   document.querySelector('.modal-body video').autoplay = true;
});