이전 브라우저에서만 Html5 비디오 + Mp4 소스 처리

Question

이전 브라우저에서 html5 비디오 + mp4 소스 만 처리하는 방법에 오류가 있습니다. 대부분의 브라우저는 html5를 지원하지만 mp4는 지원하지 않습니다. 이것을 감지하고 사용자에게 오류를 출력하는 방법은 무엇입니까?

이런 것들을 유의 사항 :

• 클라이언트는 비디오 요소는 여러 개의 동영상을
• Convertion은 MP4가 webmm 모든 MP4로 사용됩니다
• 만 MP4를 사용합니다은/OGG이의 해결책이 아니다 case

비디오를 재생하지 않는 브라우저의 경우 오류를 생성하는 방법 만 있으면됩니다. 이 작업을 수행하는 방법? 감사!

Answer 1

HTMLMediaElement.canPlayType()을 사용할 수 있으며 브라우저가 mp4를 지원하는지 여부에 관계없이 값을 얻을 수 있습니다.

 

    var video = document.createElement('video'); 
    console.log(video.canPlayType('video/mp4')); // "maybe" 

가능한 대답은 '아마'

• : 지정된 미디어 유형이 재생 것으로 보인다.
• 'maybe': 미디어 유형을 재생하지 않고도 재생할 수 있는지 여부를 알 수 없습니다.
• ''(빈 문자열) : 지정된 미디어 유형을 확실히 재생할 수 없습니다.

Answer 2

안녕하세요. 다음과 같이 처리 할 수 ​​있습니다.

var videoSource1 = '<source src="//anc.com/video1.webm" type="video/webm"/>'; 
    var videoSource2 = '<source src ="//abc.com/video2.mp4" type = "video/mp4"/>'; 
    var videoSource = videoSource1 + videoSource2; 
    $('.video-container').append(videoSource); 

위의 코드는 브라우저 지원을 기준으로 파일 중 하나를 감지합니다.