댓글 : HTML5 비디오를 사용하여 컨트롤을 표시하고 컨트롤 재생 일시 중지를 할 수 있지만 다른 브라우저의 디스플레이 효과는 다를 수 있습니다. DOM을 사용하여 몇 가지 사용자 정의 작업 및 컨트롤을 공유해 봅시다.
HTML5 비디오는 컨트롤을 사용하여 컨트롤을 표시하고 컨트롤 재생 일시 정지를 사용할 수 있지만 다른 브라우저의 디스플레이 효과는 다를 수 있으므로 사용자 정의 작업 및 컨트롤에 DOM을 사용해야합니다. 다음은 작은 예입니다.물론 효과는 그리 아름답 지 않습니다. 좋아 보이려면 자신의 CSS 스타일 등을 설정할 수 있습니다.
<div>
<버튼> 재생/일시 정지 </button>
<버튼> 큰 </버튼>
<버튼> </button>
<버튼> 작은 </button>
<Video>
<소스 src = "demo.mp4"type = "video /mp4" />
<소스 src = "demo.ogg"type = "video /ogg" />
브라우저는이 HTML5 비디오 태그를 지원하지 않습니다.
</video>
</div>
<script type = "text/javaScript">
var myvideo = document.getElementById ( "myvideo");
함수 playPause ()
{
if (myvideo.paused)
myvideo.play ();
또 다른
myvideo.pause ();
}
기능 tobig ()
{
myvideo.width = 560;
}
함수 tonormal ()
{
myvideo.width = 420;
}
기능 tosmall ()
{
myvideo.width = 320;
}
</스크립트>
모든 속성 중에서 Videowidth 및 VideoHeight 속성 만 즉시 사용할 수 있습니다.
비디오의 메타 데이터가로드 된 후 다른 속성을 사용할 수 있습니다.