Question

モバイルアプリのリソースを表示するためのHTML5の動画タグがあります。ユーザーは、デバイスであらゆる種類のビデオをアップロードできます。

これはタグです：動画の

<video width="100%" controls autoplay onended="closeVideo(this)"> 
 
    <source src="route.mp4" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
 
    <source src="route.mp4" type='video/webm; codecs="vp8, vorbis"'/> 
 
    <source src="route.mp4" type='video/ogg; codecs="theora, vorbis"'/> 
 
    Your browser can't play this kind of video, sorry. 
 
</video>

ほとんどが正常に動作しますが、それらのいくつかは、音が、なしの画像を表示します。

問題はファイルには含まれていません。コンピュータにダウンロードしても正常に動作するためです。 私は、動作しないビデオのパターンを理解することはできません。フォーマット、サイズ、比率、およびフレームレートが異なります。あなたの答え

Answer 1

私は、ユーザーがアップロードした動画を変換するトランスコーディングサービス（SYNQ.fm、Encoding.com、アマゾン弾性トランスコード、Zencoder）を使用することをお勧めします、あなたは彼らが再生されます保証することができ、このよう用

感謝利用可能なさまざまなモバイルデバイスやブラウザで再生できるように既に互換性のあるビデオをユーザーがアップロードすることはできないため、アップロードされたビデオが壊れていないか、または未知のビデオコーデックで作成されていることを前提としています。あなたが提供するMP4ファイルはH.264コーデックでエンコードされ、提供さOGGファイルはオッグコーデックでエンコードされ

<video width="320" height="240" controls> 
    <source src="movie.mp4" type="video/mp4"> 
    <source src="movie.ogg" type="video/ogg"> 
Your browser does not support the video tag. 
</video> 

：したがって、あなたのコードは次のようになります。トランスコードに関しては、システムにアップロードされたビデオファイルをmp4とwebmまたはoggにトランスコードすることをお勧めします。これはまた、再生の面でアプリの信頼性を高めるために役立ちます。ビデオ出力を定義するので、さまざまな寸法、fps、コーデックなどの代わりに一貫性が得られます。

https://www.w3schools.com/html/html5_video.aspまた、どのブラウザがどのビデオコーデックと互換性があり、どのブラウザがHTML5ビデオをサポートしているかを伝えます。