古いブラウザでのみHtml5ビデオ+ Mp4ソースを扱う

Question

古いブラウザではhtml5ビデオ+ mp4ソースのみを処理するエラーを処理する方法。 ほとんどのブラウザはhtml5をサポートしていますが、mp4はサポートしていません。これを検出してユーザーにエラーを出力するにはどうすればよいですか？

心の中でこれらの事をしてください：

• クライアントのみのmp4
• にビデオ要素を使用しますwebmm/OGGにすべてのmp4
• ConvertionのMP4複数のビデオを使用しますが、この中に解決策ではありませんケース

ビデオを再生しないブラウザでは、エラーを生成する方法が必要です。これを行う方法？ありがとう！

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); 

上記のコードは、ブラウザのサポートに基づいてファイルのいずれかを検出します。