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

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)!