如何在标签中自动播放？

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

如果您的视频是一个弹出里面，你可以从那边一个click事件到你的链接，并自动播放绑定。

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