HTML5 비디오에 대한 기본 지식 요약

1. 비디오 태그의 기본 속성

1.autoplay="autoplay": 비디오가 준비되는 즉시 재생을 시작하도록 규정합니다

2.control="controls ": 브라우저에서 비디오를 재생하도록 합니다. 플레이어는 일시 중지 및 진행률 표시줄과 같은 기본 컨트롤을 제공합니다. 이것이 설정되면 자신의 컨트롤을 사용할 수 없습니다.

3.width="320" height="240": 비디오 플레이어의 너비와 높이를 정의합니다. 이를 설정하면 페이지가 비디오 플레이어를 위한 공간의 일부를 예약하게 되며, 설정하지 않으면 처음에 유지되지 않아 페이지 레이아웃 혼란

이 발생할 수 있습니다. 4.loop="loop": 비디오가 종료된 후 재생이 재개됨을 규정합니다

5.preload 속성: auto는 페이지가 로드된 후 전체 비디오를 로드하는 것을 의미합니다. 메타데이터만 로드합니다. 없음: 로드하지 않습니다. 동영상

6.src: 규정 동영상 재생 URL, 지원 동영상 형식: MP4/WebM/Ogg

2. 일반 동영상API

1.현재시간: 현재 재생 시간을 나타냅니다. 이는 js 작업을 통해 수정되고 재생 진행률에 반영될 수 있습니다

2.load() 메서드: 비디오 로드; play() 메서드: 비디오 재생; 일시 중지() 메서드: 비디오 일시 중지

3.volume: js를 통해 조정할 수 있는 현재 사운드 크기를 나타냅니다.

4 .muted: true는 음소거, false는 음소거되지 않음

5.playbackRate: 재생 속도를 설정합니다. 기본값은 1입니다.

3. js를 사용하여 제어합니다. 비디오 인스턴스

및 요소 선택기 ;video>를 통해 해당 <를 가져옵니다. 요소: var myVideo = document.getElementById(“video”)

myVideo.play(): 비디오 재생 시작; myVideo.pause(): 비디오 재생 중지

myVideo.height 및 myVideo.width를 통해 비디오 크기를 설정할 수 있습니다

4. 소스 태그

1.

IIS의 MIME이 MP4 형식을 등록하지 않아 인식할 수 없는 문제 해결

2. >소리만 재생되고 동영상은 재생되지 않는 H5 동영상 태그 해결

3. 동영상 태그 공유 mp4 재생이 안 되는 문제 및 해결 방법

4. html 5에서 비디오 요소를 사용하여 비디오 플레이어 만들기

5. html5 비디오 태그 테스트 애플리케이션에 대한 자세한 설명

위 내용은 HTML5 비디오에 대한 기본 지식 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!