顯示包含HTML5視頻的按鈕

Question

我想要顯示一個播放按鈕，該按鈕涵蓋了當您點擊發起視頻時的整個html5視頻。這可能嗎？

謝謝！

Answer 1

如果您點擊該按鈕時出現問題，請快速瀏覽this。 你只需在javascript中獲取視頻，並調用play函數。 對於按鍵部分，你可以簡單地包裝你的視頻在一個div的CSS display:inline-block; position:relative和<button>標籤與CSS position:absolute; top:50%; left:50%;所以你必須

<div style="position:relative;"> 
<button style="position:absolute; top:50%; left:50%;" onclick="playPause(); return false;">Click to start</button> 
    <video id="video1" width="420"> 
    <source src="mov_bbb.mp4" type="video/mp4"> 
    <source src="mov_bbb.ogg" type="video/ogg"> 
    Your browser does not support HTML5 video. 
    </video> 
</div>