Computer >> Máy Tính >  >> Lập trình >> Javascript

Làm cách nào để thêm video vào nền trang trong HTML 5?


Thêm nút để phát hoặc tạm dừng video. Sau đó, chúng tôi đã tạo kiểu video thành một trăm phần trăm chiều cao và chiều rộng để nó bao phủ toàn bộ nền.

Sau đây là đoạn mã để đặt video làm nền trang web trong HTML5.

<video autoplay muted loop id = "myVideo">
   <source src = "demo.mp4" type = "video/mp4">
   Your browser does not support HTML5 video.
</video>

Sau đây là tạm dừng video -

function display() {
   if (video.paused) {
      video.play();
      btn.innerHTML = "Pause the video!";
   } else {
      video.pause();
      btn.innerHTML = "Play";
   }
}