YouTube와 같은 HTML 및 자바스크립트를 사용하여 비디오(mp4)를 전체 화면으로 재생하는 방법은 무엇입니까?

Question

Android에서 Chrome을 사용하여 m.youtube.com으로 이동하면 동영상으로 이동할 때 미리보기(재생 버튼 오버레이가 있는 정적 이미지)가 표시됩니다. 이미지를 클릭하면 비디오가 전체 화면으로 시작됩니다. 나도 똑같이 하고 싶다.

Answer 1

requestFullscreen()특정 요소에 대해 필요합니다 . 다음과 같은 작업을 수행해야 합니다.

var elem = document.getElementById('myvideo');
elem.requestFullscreen();

이에 대한 자세한 내용은https://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#api그리고https://stackoverflow.com/questions/6039909/html5-full-screen-video

이것이 당신에게 효과가 있는지 알려주세요.

Answer 2

이에 대해서는 다음 예를 참조할 수 있습니다. 다음 예에서는 브라우저마다 다른 코드를 보여줍니다.

<video controls id="myvideo">
  <source src="video1.mp4"></source>
</video>

var elem = document.getElementById("myvideo");
if (elem.requestFullscreen) {
  elem.requestFullscreen();
} else if (elem.mozRequestFullScreen) {
  elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
  elem.webkitRequestFullscreen();
} else if (elem.msRequestFullscreen) { 
  elem.msRequestFullscreen();
}