2

サイト用に 3 つのビデオ形式を用意しました。

/assets/video/background-purple.ogg
/assets/video/background-purple.webm
/assets/video/background-purple.mp4

サイトhttp://tekhy.net/

ビデオの再生には <video> タグを使用します。

<video webkit-playsinline autoplay="autoplay" loop="true" poster="/assets/video/transparent.png">
    <source src="/assets/video/background-purple.ogg" type="video/ogg">
    <source src="/assets/video/background-purple.mp4" type="video/mp4">
    <source src="/assets/video/background-purple.webm" type="video/webm">
</video>

そして、動画の正しい MIME タイプを.htaccess次のように設定しました。

AddType video/mp4 .mp4 .m4v
AddType video/webm .webm
AddType video/ogg .ogv .ogg

Google Chrome と Chromium ではすべて問題なく動作し、Firefox Mobile でも問題なく動作します。Firefox Nightly 21.0a では問題なく動作します。しかし、Elementary OS Luna の Firefox 18.0.1 では動作しません。

Firebug は、webm および ogg/ogv メディアをデコードできないことを示しています (mp4 は Firefox atm でサポートされていません)。

background-purple.ogv type="video/ogv" でも試しましたが、問題は残ります。

私の webm ビデオは次のとおりです。

Google/On2 の VP8 ビデオ (VP80)
平面 4:2:0 YUV

現在、この問題を解決する方法がまったくわかりません。なにか提案を？

4

3 に答える 3

1

この問題は、多くの一般的な webm エンコーダーが負のタイムスタンプを挿入し、firefox が webm ファイル全体をダウンロードするまでビデオを再生できないという FF 20 までずっと続くバグに関連していると思います: https:// bugzilla.mozilla.org/show_bug.cgi?id=868797

修正はコメントに記載されています：

ffmpeg -i input.webm -codec copy -avoid_negative_ts 1 output.webm

重要なエンコーディング フラグは-void_negative_ts 1 です

于 2013-10-28T16:14:58.687 に答える
0

私は解決策を見つけたようです：

ogv コーデックを VP8 から Theora に切り替えたところ、Firefox でビデオを正しく再生できるようになりました。

ソースには次のコードを使用しました。

<source src="/assets/video/background-purple.ogv" type="video/ogg">

MIME タイプは次のとおりです。

AddType video/ogg .ogv .ogg

そしてコーデックは次のとおりです。

Xiph.org's Theora Video (theo)

.webm でも機能すると思いますが、テストしていません。

于 2013-02-12T12:05:06.343 に答える
-1

Chrome は HTML5 ビデオで少しバグがあります。Fezが提案したようにするか、単に.mp4と.webmを使用してください。WEBM は Chrome でより安定しており、ブラウザーの互換性のために必要なのはこれら 2 つの形式だけです。これにより、ビデオのレンダリング時間を節約することもできます!

于 2013-03-20T04:31:31.657 に答える