2017-01-03 16 views
2

私は、サードパーティのm4vビデオを再生するためにhtml5ビデオタグを使用しています(https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4vなど)。これはクロムとサファリでは再生されませんが、ローカルのm4vビデオを使用している間は正常に動作しています。しかしどちらの場合も、firefoxでうまくいきます。問題はサードパーティ製のm4vビデオであると思います。 あなたのアイデアを教えてください。 以下は私のコードこの程度m4vビデオがクロムで動作しない

<video width="320" height="240" controls autoplay><source src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" type="video/mp4"> 

+0

:この場合、あなたは次のように行うことができます。現在、各ブラウザには独自の優先ビデオフォーマットがあります。 HTML5ビデオのフラクチャ化された実装は、より良くなる前に悪化するように見えます。見て[ここ](https://support.mozilla.org/en-US/kb/html5-audio-and-video-firefox)。 –

+0

はいアッシュ、私はあなたのポイントを得た。一般的な解決策はありますか?私は顧客に特定のフォーマットをアップロードするよう提案することができます。 –

+0

私はmp4を提案するよりも特定の形式を求めている場合。しかし、フォーマットに特化していないのであれば、その解決策に行くことができます。 –

答えて

0

どうですか?

<video width="320" height="240" controls="controls" preload="none"> 
    <!-- MP4 for Safari, IE9, iPhone, Android and Others --> 
    <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.mp4" /> 

    <!-- WebM/VP8 for Firefox4, Opera, and Chrome --> 
    <source type="video/webm" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.webm" /> 

    <!-- M4V for Apple --> 
    <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" /> 

    <!-- Ogg/Vorbis for older Firefox and Opera versions --> 
    <source type="video/ogg" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.ogv" /> 

    <!-- Flash fallback for non-HTML5 browsers without JavaScript --> 
    <object width="100%" height="400" type="application/x-shockwave-flash" data="flashmediaelement.swf"> 
     <param name="movie" value="flashmediaelement.swf" /> 
     <param name="flashvars" value="controls=true&file=https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.mp4" /> 
    </object> 
</video> 

mark4o's answerも参照してください。彼は、アップルが自分のメディアタイプ(ビデオ/ x-m4v)を自分たちの店のビデオに使い始めたと説明している。これはmp4コンテナにあり、拡張子は.m4vである。これは、デフォルトでiTunesでビデオを開くように設定されています。ビデオがDRM、AC-3ドルビーデジタルオーディオ、またはmp4コンテナでは一般的にサポートされていないが、.m4v拡張子のファイルではiTunesでサポートされているその他の機能をビデオに使用する必要がある場合があります。このような機能に頼っているのであれば、標準のメディアタイプの代わりにこのメディアタイプを使用することができます。 this articleとして

は言う:

トラブルウェブサイト上の実装を持っている場合を念頭に以下の修正をしてください:

  • ビデオのMP4版はバグのため最初にリストされなければなりませんiPadで。 HTML5のビデオで、あなたの最大の課題は、準備と複数のコーデックでコンテンツを組み込むことになる

    <video width="320" height="240" controls="controls" preload="none"> 
    <!-- M4V for Apple --> 
    <source type="video/mp4" src="https://pelpresenterdev.blob.core.windows.net/pellapresenterdev01/d41991d0-3b45-42cb-914d-26dc01297ca8.m4v" /> 
    
         //remaining code 
        </video> 
    
+0

これは動作していません –

関連する問題