Computer >> 컴퓨터 >  >> 프로그램 작성 >> JavaScript

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";
   }
}