Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ฉันจะเพิ่มวิดีโอลงในพื้นหลังของไซต์ใน HTML 5 ได้อย่างไร


เพิ่มปุ่มเพื่อเล่นหรือหยุดวิดีโอชั่วคราว จากนั้นเราได้จัดรูปแบบวิดีโอให้มีความสูงและความกว้างร้อยเปอร์เซ็นต์เพื่อให้ครอบคลุมพื้นหลังทั้งหมด

ต่อไปนี้เป็นข้อมูลโค้ดสำหรับตั้งค่าวิดีโอเป็นพื้นหลังของไซต์ใน 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";
   }
}