> 웹 프론트엔드 > HTML 튜토리얼 > HTML 5에서 웹사이트 배경에 비디오를 어떻게 추가합니까?

HTML 5에서 웹사이트 배경에 비디오를 어떻게 추가합니까?

王林
풀어 주다: 2023-09-06 09:17:02
앞으로
1736명이 탐색했습니다.

我怎样在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";
   }
}
로그인 후 복사

위 내용은 HTML 5에서 웹사이트 배경에 비디오를 어떻게 추가합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿