HTML5ビデオを機能させようとするさらに別の問題。
ffmpeg を使用して、mp4、ogg、webm の 3 つの異なる形式で同じビデオの 3 つのバージョンを作成しました。
最初の html5 ビデオ ソースとしてリストされている場合、.ogg は chrome で正常に再生され、最初の html5 ビデオ ソースとしてリストされている場合、.mp4 は safari で正常に再生されますが、.mp4 ソースを .ogg ソースの上にリストすると、chrome は再生されない.mp4ビデオにデフォルト設定されているため、.oggビデオをロード/再生しなくなりました。同じように、.mp4ソースファイルの上に.oggソースファイルをリストすると、サファリはロードしません. mp4 ビデオ。
私は途方に暮れています。ここに私の埋め込みコードがあります:
<video width="100%" height="100%">
<source src="./videos/Wildlife.ogg">
<source src="./videos/Wildlife.webm">
<source src="./videos/Wildlife.mp4">
</video>
ソース間のフォールバックが適切に機能しない理由について何か考えはありますか?
Safari がフォールバック順序に従わず、.ogg/.webm ファイルを無視しないのはなぜですか?