如何在標籤中自動播放？

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; 
});