html5의 video(비디오) 및 audio(오디오) 태그의 속성 사용

이 글은 HTML5 비디오(비디오)와 오디오(오디오) 태그의 속성 사용법을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다. 돕다.

모든 주요 브라우저에서

오디오 태그는 모든 주요 브라우저에서 작동합니다. 문서의 어딘가에 다음 코드 줄을 추가하기만 하면 됩니다.

<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>

동영상 삽입 방법 # 🎜 🎜#

다음 코드를 사용하여 페이지에 동영상을 삽입할 수 있습니다.

<video src="video.mp4" width="320" height="200" controls preload></video>

오디오 삽입 방법 # 🎜 🎜#

다음 코드를 사용하여 페이지에 오디오를 삽입할 수 있습니다.

<audio src="audio.mp3" controls preload></audio>

비디오 형식: MIME 형식 형식

MP4 비디오/mp4
WebM 비디오/webm
Ogg 비디오/ogg#🎜 🎜#

HTML5의 새로운 속성:

속성 값 설명 autoplay autoplay 이 속성이 있으면 동영상이 준비되는 즉시 재생됩니다. controls 컨트롤 이 속성이 나타나면 재생 버튼과 같은 컨트롤이 사용자에게 표시됩니다.
height 픽셀 비디오 플레이어의 높이를 설정합니다.
loop loop 이 속성이 나타나면 미디어 파일 재생이 완료된 후 재생이 다시 시작됩니다.
muted muted는 비디오의 오디오 출력을 음소거하도록 지정합니다.
poster URL은 동영상을 다운로드할 때 표시되는 이미지 또는 사용자가 재생 버튼을 클릭하기 전에 표시되는 이미지를 지정합니다. "#🎜 🎜# 포스터.jpg
”

). preload preload 이 속성이 나타나면 페이지가 로드되고 재생 준비(미리 로드)될 때 비디오가 로드됩니다. "autoplay"를 사용하는 경우 이 속성은 무시됩니다. src url 재생할 영상의 URL입니다. width 픽셀 비디오 플레이어의 너비를 설정합니다. HTML 오디오/비디오 방법: Method 설명
addTextTrack() 오디오/비디오에 새 텍스트 트랙을 추가합니다.
canPlayType() 브라우저가 지정된 오디오/비디오 유형을 재생할 수 있는지 여부를 감지합니다.
load() 오디오/비디오 요소를 다시 로드합니다.
play() 오디오/비디오 재생을 시작합니다.

pause() 현재 재생 중인 오디오/비디오를 일시 중지합니다.

addEventListener를 사용하여 비디오의 종료 이벤트 모니터링, 종료 시간 모니터링, 종료 및 점프 작업 수행 등을 수행할 수 있습니다.


추천 관련 기사: # 🎜🎜#

HTML5 옵션 속성: 옵션 속성을 사용하여 계단식 드롭다운 목록을 구현하는 방법

Changes 페이지 구조 및 추가 및 삭제 태그 요약

위 내용은 html5의 video(비디오) 및 audio(오디오) 태그의 속성 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!