html5의 video(비디오) 및 audio(오디오) 태그의 속성 사용
- 不言원래의
- 2018-08-09 14:50:524025검색
이 글은 HTML5 비디오(비디오)와 오디오(오디오) 태그의 속성 사용법을 소개합니다. 필요한 친구들이 참고할 수 있기를 바랍니다. 돕다.
모든 주요 브라우저에서 39000f942b2545a5315c57fa3276f220 및 b97864c2e0ef2353a16c4d64c7734e92 태그를 활성화하는 방법
오디오 태그는 모든 주요 브라우저에서 작동합니다. 문서의 93f0f5c25f18dab9d176bd4f6de5d30e 어딘가에 다음 코드 줄을 추가하기만 하면 됩니다.
<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>
비디오 형식:
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() 오디오/비디오 재생을 시작합니다.
addEventListener를 사용하여 비디오의 종료 이벤트 모니터링, 종료 시간 모니터링, 종료 및 점프 작업 수행 등을 수행할 수 있습니다.
추천 관련 기사: # 🎜🎜#
HTML5 옵션 속성: 옵션 속성을 사용하여 계단식 드롭다운 목록을 구현하는 방법
Changes 페이지 구조 및 추가 및 삭제 태그 요약
위 내용은 html5의 video(비디오) 및 audio(오디오) 태그의 속성 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!