如何在HTML 5中將影片新增到網站背景中?
新增播放或暫停影片的按鈕。然後我們將影片樣式化為 100% 的高度和寬度,以便覆蓋整個背景。
以下是將影片作為 HTML5 中網站背景設定的程式碼片段。
<video autoplay muted loop id = "myVideo"> <source src = "demo.mp4" type = "video/mp4"> Your browser does not support HTML5 video. </video>
以下是暫停影片的內容 −
function display() { if (video.paused) { video.play(); btn.innerHTML = "Pause the video!"; } else { video.pause(); btn.innerHTML = "Play"; } }
廣告