>  기사  >  웹 프론트엔드  >  HTML5 실습 및 미디어 요소 분석(6, 동영상 예시)

HTML5 실습 및 미디어 요소 분석(6, 동영상 예시)

黄舟
黄舟원래의
2017-02-13 14:11:081365검색

HTML5의 비디오 태그와 비디오 플레이어를 모방하는 효과는 일부 휴대폰에서 널리 사용됩니다. 모바일 버전은 기본적으로 플래시 독재를 폐지하고 HTML5를 마스터로 허용했기 때문에 동영상 지원이 더 좋아졌습니다. 그래서 오늘은 HTML5와 프로젝트에서의 효과적인 적용을 더 잘 이해할 수 있도록 비디오 플레이어를 시뮬레이션하는 HTML5 비디오 태그의 작은 예를 제공하겠습니다.

 HTML코드

아아앙


CSS 코드

아아아앙




 JavaScript 코드

<!-- src中放上本地的ogv的音频 -->
<video id="v1" src="Intermission-Walk-in.ogv"></video>
<p id="p1">
	<input type="button" value="播放" />
	<input type="button" value="00:00:00" />
	<input type="button" value="00:00:00" />
	<input type="button" value="静音" />
	<input type="button" value="全屏" />
</p>
<p id="p2">
	<p id="p3"></p>
</p>

<p id="p4">
	<p id="p5"></p>
</p>

위 내용은 HTML5 실제 전투 내용과 미디어 요소 분석 내용입니다(6. 동영상 예시). 기타 관련 내용은 PHP 중국어를 참고해주세요. 웹사이트(www.php.cn)!




성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.