HTML5 - Amazon S3 with Cloudfront

Question

私はAmazon S3サーバにアップロードされたビデオを持っています。Amazon cloudfrontを使ってhttp://d1cjzj1b4csf2b.cloudfront.net/test.mp4でホストしています。 HTML5タグと動画プレーヤーを使用して動画を再生したいのですがtest.mp4ファイルをローカルにホストし、下のHTMLコードを使用すると、ブラウザで動作します。ただし、Amazon Cloudfrontを使用すると動作しません。私は、HLSとRTMPストリーミング（とJWPlayer）の両方でCloudfrontを使用しようとしましたが、いずれもAmazonのドキュメントがあまりにも貧弱だったのでどちらもうまくいきませんでした。私のビデオをホストし、それをページに埋め込む方法に関する提案はありますか？私は単純なものを好むだろうが、明らかにJWPlayerのようなプレイヤーを使うことができる。前もって感謝します。

<video controls> 
    <source src="http://d1cjzj1b4csf2b.cloudfront.net/test.mp4" type="video/mp4"> 
Your browser does not support the video tag. 
</video> 

Answer 1

提供されているコードは、Chrome Win10でも動作します。ブラウザのアドレスバーにURLが追加されている場合、MP4がダウンロードされている可能性があります。その場合、ファイルのcontent-typeはヘッダーにないか、デフォルト値のapplication/octetです。

1. CloudBerry Explorer Amazon S3の無料コピーをダウンロードするか、インストール後console

2. を使用するか、またはあなたのMP4を見つけ、content-typeをチェックし、それがvideo/mp4だことを確認し、サインオンします。

   • HTTP HeadersをCloudBerryで編集できるオプションを探します。
   • S3コンソールでメタデータオプションを探します。
   • 両方のファイルにアクセスするには、ファイルを右クリックし、環境設定を開きます。セットアップあなたのCF分布がHTTPSプロトコルを使用する場合は

3. 、その後にsを追加するには、URLのhttp

<video controls> 
 
    <source src="http://d1cjzj1b4csf2b.cloudfront.net/test.mp4" type="video/mp4"> 
 
Your browser does not support the video tag. 
 
</video>