6

私のページには、同じビデオ ソースを持つ 2 つのビデオ タグがあります。例:

<video id="video_description_html5_api" class="vjs-tech" poster="poster.jpg" preload="metadata">
<source src="video.mp4.ogv" type="video/ogg">
<source src="video.mp4.mp4" type="video/mp4">
<source src="video.mp4.webm" type="video/webm">
</video>

<video id="video_preview" class="vjs-tech" poster="poster.jpg" preload="metadata">
<source src="video.mp4.ogv" type="video/ogg">
<source src="video.mp4.mp4" type="video/mp4">
<source src="video.mp4.webm" type="video/webm">
</video>

Google Chrome でこれらのビデオの 1 つを再生し始めてから、2 番目のビデオを再生しようとすると、最後のビデオが読み込まれません。このバグ/機能はクロムのみです。firefox は両方のビデオを同時に正しく再生します。

2番目のビデオを強制的に再生するにはどうすればよいですか?

4

1 に答える 1

0

(コメンター@Hamza Kubbaは、元のポスターレポートが問題を解決したという回答を思いつきましたが、コメントに記載されています。回答としてここにコピー/貼り付けて、それが属する場所に貼り付けます。)

...動画<source src="video.mp4.ogv?1" type="video/ogg"> <source src="video.mp4.mp4?1" type="video/mp4"> <source src="video.mp4.webm?1" type="video/webm">の URL に ?1 を追加してみてください: 欠点は、動画を 2 回読み込む必要があることです。これは理想的ではありません... Chrome にバグがあり、同じソースを再生できないと想定しています。ところで、同じページに 2 回。あなたのコードに問題はありませんでした。

...この方法を使用すると、chrome はビデオ ファイルをメモリに 2 回、サーバーから 2 回ロードすることに注意してください。ただし、Chrome がこのバグを修正するまで、適切な代替手段があるかどうかはわかりません。

于 2015-05-14T04:21:15.077 に答える