2016-03-31 10 views
0

AWSクラウドストレージにビデオとオーディオを保存しています。メディアが再生されない<video>と<audio>

  • ビデオ(.MP4形式)
  • オーディオ(.M4A形式)

は、私はHTMLのタグを挿入します。

<video controls> 
 
    <source type="video/mp4" src="https://s3-eu-west-1.amazonaws.com/hikebeat/video/hikebeat_56e997a92176868d8b3ef8c5_1458247689.mp4"> 
 
    Your browser does not support the video tag. 
 
</video> 
 

 
<audio controls> 
 
    <source type="audio/mp4" src="https://s3-eu-west-1.amazonaws.com/hikebeat/audio/hikebeat_56e997a92176868d8b3ef8c5_1458245562.m4a"> 
 
    Your browser does not support the audio element. 
 
</audio>

結果はオーディオのみブラウザで再生され、ビデオが機能しません。ただし、ビデオを手動でダウンロードしようとすると、メディアソフトウェアで完全に再生できます。

<video><audio> HTML5要素を使用しているときに見落とされることはありますか?

+0

ビデオに問題があり、アクセスできません!フォーマットを正しく確認しましたか? – DebashisDeb

+0

AWSにアクセスすると、ビデオを右クリックしてダウンロードできます。 – nodesto

答えて

1

あなたのビデオファイルが破損している

ご覧ください。https://gyazo.com/9631bad0402d8b3870fd4aee0b84fe52

編集実際にS3のファイルを提供している方法とは何かのように見える

。私は自分のサーバー上でファイルを再ホストし、問題なく試しました。

編集再び

それは、GZIPエンコーディングです。ブラウザーは、圧縮されて転送されたビデオを再生するのが好きではないようです。

+0

私はビデオが壊れているとは思わない。拡張子とは違う可能性が高いファイルタイプです。 OPのスニペットを試してみると、 'source'から' type'属性を削除するとうまく動作します。 –

+0

私はビデオそのものをチェックしました。すべてのブラウザで正常に動作するはずのH264 - MPEG-4 AVC(パート10)です。しかし、ファイルには何か問題があります。少なくとも、私はそれを上回っています。 –

+0

'type =" video/mp4 "を削除すると、Mozillaの(元のAWSサイトのファイルを使って)動作することがわかります。クロムには含まれません。しかたがない。 –

関連する問題