댓글 : HTML 비디오는 온라인 비디오 스트리밍 미디어를 정의하는 데 사용되는 HTML 5+에 적합합니다. 다음은 도움이 필요한 친구들에게 편리한 간단한 소개입니다.
HTML <video>는 온라인 시청을위한 비디오 스트리밍을 정의하는 HTML 5+에 적합합니다.
<video src = "http://www.vevb.com/movie.ogg"controls = "controls">
다음은 댓글 텍스트입니다. HTML 5를 지원할 수 없다면 브라우저에는 여기에 텍스트가 표시됩니다. 지원되면 비디오가 직접 표시되고 텍스트는 무시됩니다.
</video>
HTML 4와 이전에서 웹 페이지에 온라인 비디오를 포함하려면 일반적으로 플래시 비디오 스트림을 사용해야합니다. <botort> 및 <embed> 태그를 사용하면 브라우저를 통해 SWF, FLV 및 기타 형식 비디오 파일을 재생할 수 있지만 브라우저는 타사 플러그인 인 Adobe Flash Player를 설치해야한다는 전제입니다. 최신 스마트 폰과 iPad는 일반적으로 플래시를 지원할 수 없으므로 웹에서 비디오를 탐색 할 수 없습니다. HTML 5는이 사실을 변경했으며 웹 개발자는 타사 플러그인없이 <video> 태그를 사용하여 비디오 파일을 쉽게로드 할 수 있습니다.
속성 값 설명
AutoPlayAutOplay이 특성이 나타나면 비디오가 준비된 직후에 재생됩니다.
ControlScontrols이 속성이 나타나면 컨트롤이 재생 버튼과 같이 사용자에게 표시됩니다.
높이 픽셀 값은 비디오 플레이어의 높이를 설정합니다.
루프 루프 인 경우 미디어 파일이 재생을 마치면 재생이 다시 시작됩니다.
preloadauto/meta/none 비디오를 사전로드할지 여부, 가능한 값을 지정합니다.
자동 - 페이지로드 후 전체 비디오를로드합니다.
메타 - 페이지가로드 된 후 메타 데이터 만로드됩니다.
없음 - 페이지가로드 된 후 비디오가로드되지 않습니다.
* SRC 비디오 주소에서 재생할 비디오의 URL은 절대 주소를 사용하는 것이 좋습니다.
너비 픽셀 값은 비디오 플레이어의 너비를 설정합니다.
호환 비디오 태그를 작성하는 방법?
이전 브라우저와 인터넷 익스플로러는 <video> 요소를 지원하지 않으므로 플래시 파일을 지원하는 이러한 브라우저에 대한 솔루션을 찾아야합니다. 불행히도 HTML 5 오디오와 마찬가지로 비디오와 관련된 파일 형식은 Firefox 및 Safari/Chrome과 동일한 방식으로 지원되지 않습니다. 따라서 현재 HTML 5 비디오를 사용하려면 세 가지 비디오 버전을 만들어야합니다. OGG, MP4, FLV/SWF
<비디오 컨트롤>
<!-Firefox Compliant->
<소스 src = "http://www.vevb.com/ movie.ogg"type = "video/ogg"/>
<!-Safari/Chrome->와 호환됩니다
<소스 src = "http://www.vevb.com/ movie.mp4"type = "video/mp4"/>
<!-브라우저가 비디오 태그를 지원하지 않으면 플래시를 사용하십시오->
<embed src = "http://www.vevb.com/ movie.swf"type = "application/x-shockwave-flash"
width = "320"allisectAccess = "Always"allowfullscreen = "true"> </embed>
</video>