>웹 프론트엔드 >H5 튜토리얼 >HTML5 비디오 및 오디오에 대한 자세한 설명

HTML5 비디오 및 오디오에 대한 자세한 설명

巴扎黑
巴扎黑원래의
2017-03-19 14:06:271529검색

[소개] html5 비디오 및 오디오에 대한 자세한 설명: 캔버스 요소 비디오 및 오디오 오디오 요소는 로컬 오프라인 저장소(localstorage, sessionstorage)에 대한 지원: 기사, 바닥글

html5 비디오 및 오디오 오디오에 대한 자세한 설명

html5에는 몇 가지 새로운 기능이 추가되었습니다.

캔버스 요소
비디오 비디오 및 오디오 오디오 요소
지원; 로컬 오프라인 저장용(localstorage, sessionstorage);
새로운 특수 콘텐츠 요소: 기사, 바닥글, 헤더, 탐색, 섹션;
새로운 양식 컨트롤: 달력, 날짜, 시간, 이메일, URL, 검색.
오늘은 비디오와 오디오를 살펴보겠습니다. 비디오의 표준 방법은 HTML5에 지정되어 있습니다: video

여러 소스를 설정할 수도 있으며, 브라우저는 다음 형식으로 재생할 첫 번째 식별 가능한 비디오를 선택합니다. 브라우저가 아직 지원하지 않습니다 동영상 속성은 다음과 같습니다: 속성 값 설명
autoplay autoplay 이 속성이 나타나면 동영상이 준비된 후 즉시 재생됩니다.
controls 컨트롤 이 속성이 나타나면 재생 버튼과 같은 컨트롤을 사용자에게 표시합니다.
높이 픽셀 비디오 플레이어의 높이를 설정합니다.
loop loop 이 속성이 나타나면 미디어 파일 재생이 완료된 후 재생이 다시 시작됩니다.
preload preload 이 속성이 나타나면 페이지가 로드되어 재생할 준비가 되었을 때 동영상이 로드됩니다.

"autoplay"를 사용하는 경우 이 속성은 무시됩니다.

src url video address 재생할 영상의 URL입니다.
너비 픽셀 비디오 플레이어의 너비를 설정합니다.
autobuffer
autobuffer

(자동 버퍼링)
웹페이지가 표시될 때 이 바이너리 속성은 콘텐츠가 사용자 에이전트(브라우저) 또는 다음을 사용하는 사용자에 의해 자동으로 버퍼링되는지 여부를 나타냅니다. 해당 API.

포스터
URL 이미지 주소

이 속성 값은 동영상이 응답하지 않거나 버퍼링이 충분하지 않을 때 이미지로 연결됩니다. 이미지는 일정한 비율로 표시됩니다

HTML5에서는 오디오 표준이 오디오 요소로 지정됩니다. 오디오 요소는 사운드 파일이나 오디오 스트림을 재생할 수 있습니다.

오디오 형식은 비디오와 유사합니다. 직접 여러 소스:




브라우저가 아직 지원하지 않습니다
속성이 더 좋습니다 영상보다 높이, 너비, 포스터가 누락되었습니다. 멀티미디어는 우리 개발에서 점점 더 중요해지고 있으며 이러한 비디오와 오디오는 html5에 나타납니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.