私のHTML5ビデオプレーヤーは1時間以上ファイルを再生しません。これが私のコードです:
<video src="/Movies/MP4/Blaa.mp4" controls="controls"></video>.
私はHTML5にまったく慣れていないので、何が問題になるのか尋ねています。どんな答えでも大歓迎です。
-サイモン
私のHTML5ビデオプレーヤーは1時間以上ファイルを再生しません。これが私のコードです:
<video src="/Movies/MP4/Blaa.mp4" controls="controls"></video>.
私はHTML5にまったく慣れていないので、何が問題になるのか尋ねています。どんな答えでも大歓迎です。
-サイモン
問題は、Chromeが現時点でMP4ムービーファイルを再生しないことでした。現在動作しているブラウザはSafariだけです。
使用しているmp4ファイルは1つだけのようです。これが役立つかどうかはわかりませんが、ソースファイルの順序を切り替えることで問題を解決できました。私の知る限り、ChromeはH.264ビデオ(通常はMP4ラッパーに含まれているもの)を再生できますが、MP4ファイルを再生することはできません。彼らがそうするつもりだったと彼らが言っていたように、彼らはついにMP4のサポートを削除したと私は推測しています。
私のコードは次のようになりました。
<video width="640" height="360" controls>
<source src="http://example.com/video.mp4" type="video/mp4" />
<source src="http://example.com/video.webm" type="video/webm" />
<source src="http://example.com/video.ogv" type="video/ogg" />
</video>
私の理解では、ブラウザがHTML5ビデオタグをレンダリングしようとすると、再生できないソースタグをスキップして、再生できる最初のタグを再生しようとすることになっています。何らかの理由で、Chromeは現在それを行っていません。とにかくMP4を再生しようとして、失敗します。
「 VideoforEveryone 」ページのビデオでさえ今は失敗しています。
私の解決策は、webmビデオがmp4ビデオの前に来るように、ソースタグの順序を切り替えることでした。
<video width="640" height="360" controls>
<source src="http://example.com/video.webm" type="video/webm" />
<source src="http://example.com/video.mp4" type="video/mp4" />
<source src="http://example.com/video.ogv" type="video/ogg" />
</video>
これまでのところ、これで問題は解決しました。Chromeは問題なくwebmファイルを再生するようになり、私がテストした他のすべてのブラウザはまだ正常に動作しているようです。
私がまだテストする必要がある唯一の考えられる問題は、iPadにMP4ソースを最初にリストする必要があるバグがあることを読んだことです。私はiPadを手に入れて、それがまだ問題であるかどうかを確認するために取り組んでいます。
今のところ、この解決策は私の問題を解決しました。
お役に立てば幸いです。