0

テスト ページに次の HTML5 ビデオ要素があります。

<video width="1280" height="720" loop="loop">
  <source src="http://d1dsyb3mv0b0i6.cloudfront.net/test/lines.mp4" type="video/mp4" />
  Your browser does not support the video element.
</video>

再生をループさせたいので、を設定しましたloop="loop"（そして、単純に も試しloopました）が、何らかの理由でChrome 23はビデオが終了したときにビデオを再開しません。私は具体的に動画を Cloudfront Download ディストリビューションに移動して、サーバー上で部分的なコンテンツ要求のサポートを取得しました。これは、Chrome がループ再生を実行するために必要であると思われますが、残念ながら、違いはないようです. Safari ではすべて正常に動作することに注意してください。繰り返しますが、Safari はローカルのビデオ ファイルでも問題なくループするため、部分的なコンテンツ リクエストをサポートするサーバーは必要ありません。

このムービーは正しくループするため、Cloudfront に関連しているようです: http://media.w3.org/2010/05/sintel/trailer.mp4.

誰でもアイデアはありますか？

4

3 に答える 3

2

content-typeファイルの正しい MIME タイプを反映するには、S3 オブジェクトのメタデータを適切に設定する必要があります。Chrome は、他のブラウザーよりもこの点に気を配る傾向があります。

于 2012-12-20T14:07:08.480 に答える
0

ループは私にとってはうまくいきましたが、ループをコマンドに置き換えてみてください：

autoplay onended="this.currentTime=0"

また

autoplay onended="this.load()"

2 番目のオプションでは、リロード中にちらつきが発生します。最初はスムーズに実行されましたが、 currentTime は他の設定によって異なる動作をする可能性があります。うまくいくことを願っています。

于 2014-09-16T19:11:35.590 に答える