댓글 : HTML5는 비디오 표시의 표준을 제공합니다. 그렇다면 브라우저가 비디오 재생을 지원하는지 확인하는 방법은 무엇입니까? 작은 예를 여러분과 공유합시다. 관심있는 친구들은 그것에 대해 배울 수 있습니다.
<strong> 점점 더 많은 웹 사이트가 비디오 재생 (플러그가 아닌)을 제공합니다. HTML5는 비디오 제시 표준을 제공합니다. 그렇다면 브라우저가 비디오 재생을 지원하는지 확인하는 방법은 무엇입니까? 아래 열을 봅시다. </strong>
<! doctype html public "-// w3c // dtd xhtml 1.0 엄격한 // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-srtrict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<헤드>
<body>
<H1> HTML 5 비디오 </h1>
<p> 브라우저가 HTML5 비디오를 지원하는지 여부 : </p>
<div>
<버튼> 점검 </button>
</div>
</div>
</body>
</html>
다음은 JS 코드입니다.
함수 checkVideo ()
{
if (!! document.createelement ( 'video'). canplayType)
{
// 비디오 요소를 만듭니다
var vidtest = document.createElement ( "비디오");
// oogg 형식으로 비디오를 재생할 수 있는지 여부
OggTest = vidTest.canplayType ( 'video/ogg; codecs = "theora, vorbis"');
if (! oggtest)
{
// mp4 형식 비디오를 재생할 수 있는지 여부를 감지합니다
h264test = vidtest.canplaytype ( 'video/mp4; codecs = "avc1.42e01e, mp4a.40.2"');
if (! h264test)
{
document.getElementById ( "CheckVideOresult"). innerHtml = "죄송합니다. 비디오 지원이 없습니다."
}
또 다른
{
if (h264test == "아마")
{
document.getElementById ( "CheckVideOresult"). innerhtml = "예! 전체 지원!";
}
또 다른
{
document.getElementById ( "CheckVideOresult"). innerHtml = "음. 약간의 지원.";
}
}
}
또 다른
{
if (oggtest == "아마")
{
document.getElementById ( "CheckVideOresult"). innerhtml = "예! 전체 지원!";
}
또 다른
{
document.getElementById ( "CheckVideOresult"). innerHtml = "음. 약간의 지원.";
}
}
}
또 다른
{
document.getElementById ( "CheckVideOresult"). innerHtml = "죄송합니다. 비디오 지원이 없습니다."
}
}
CanplayType 메소드 설명 :
1. 정의 : 브라우저가 지정된 오디오/비디오 유형을 재생할 수 있는지 여부를 감지합니다.
2. 반환 값 :
"아마도"는 브라우저가 비디오 또는 오디오를 지원할 가능성이 가장 높다는 것을 의미합니다.
"아마도"는 브라우저가 비디오 또는 오디오를 지원할 수 있음을 의미합니다.
""(빈 문자열)는 브라우저가 비디오 또는 오디오를 지원하지 않음을 의미합니다.
참고 : Internet Explorer 8 및 이전 버전은이 방법을 지원하지 않습니다.
구문 : 오디오 | video.canplaytype (type))
매개 변수 설명 :
유형 : 감지 할 오디오 또는 비디오 유형,
일반적으로 사용되는 값 : 비디오/OGG; 비디오/mp4; 비디오/웹; 오디오/MPEG; 오디오/오그; 오디오/mp4
공통 값 (탐지 할 오디오 또는 비디오 코덱 포함) :
비디오/OGG; Codecs = "Theora, Vorbis"
비디오/mp4; Codecs = "AVC1.4D401E, MP4A.40.2"
비디오/웹; 코덱 = "vp8.0, vorbis"
오디오/오그; 코덱 = "vorbis"
오디오/MP4; Codecs = "mp4a.40.5"