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