>웹 프론트엔드 >JS 튜토리얼 >js를 사용하여 브라우저가 html5_javascript 기술에서 비디오 태그를 지원하는지 확인하는 방법

js를 사용하여 브라우저가 html5_javascript 기술에서 비디오 태그를 지원하는지 확인하는 방법

WBOY
WBOY원래의
2016-05-16 16:55:391084검색

코드 복사 코드는 다음과 같습니다.

//HTML5 지원 여부 확인
function checkVideo( ) {
if (!!document.createElement('video').canPlayType) {
var vidTest = document.createElement("video");
oggTest = vidTest.canPlayType(' video/ogg; codecs="theora, vorbis"');
if (!oggTest) {
h264Test = vidTest.canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"') ;
if (!h264Test) {
                                                                                              true 반환;
}
else {
                   false 반환;                                            == "아마도") {
                true 반환
                               ;

위 방법을 사용하여 현재 브라우저가 HTML5의 비디오 태그를 지원하고 MP4 형식의 재생을 지원할 수 있는지 확인합니다(Firefox는 저작권 문제로 인해 H.264로 인코딩된 MP4 형식의 재생을 지원하지 않기 때문입니다). true를 반환하면 HTML5에서 Video를 사용하여 비디오를 재생할 수 있습니다. false를 반환하면 Flash 플러그인을 사용하여 재생할 수 있습니다.
이 방법은 일반적으로 비디오 웹사이트에서 사용되며 주로 IOS와의 호환성을 위해 휴대폰, 태블릿 및 기타 비디오 재생 장치와 호환됩니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.