如何在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";
   }
}

更新時間: 2020 年 6 月 24 日

380 次瀏覽

開啟你的職業生涯

完成課程,獲得認證

開始學習
廣告