3

MP4、FLV、OGV、WMV の形式の多くのビデオを含むプロジェクトで JW Player を使用しています。

各ブラウザがサポートするさまざまな形式のドキュメントを読みました。だから、今私は MP4 (Chrome、Safari)、FLV (IE、7、8、9) と WEBM (Mozilla) を使用しています。

jwplayer('container').setup({
                height: 309,
                width: 549,
                levels: [
                    { file: "video.mp4" },
                    { file: "video.webm" },
                    { file: "video.flv" }
                ], 
                'modes': [
                    {type: 'html5'},
                    {type: 'flash', src: "jwplayer.flash.swf"},
                    {type: 'download'}
                ]
});

私の質問は、このコードが実行している場合です:HTML5またはFLASHをサポートしているかどうかブラウザを確認してください->ブラウザに依存して、MP4(Chrome - Safari)またはFLV(IE)またはWEBM(Mozilla)を自動的に再現します。

特にmozillaでは、初めて「メディアの読み込みエラー：ファイルを再生できませんでした」というメッセージが表示されるため、2回または1回クリックすると、ビデオが再生されます。

これはファイルの順序で発生するのでしょうか。

アップデート

次の行を追加して、mime.conf 設定と .htaccess を変更しました。

注: 私は自分の Codeigniter プロジェクトで Drupal の .htaccess を使用しています

.htaccess:

#
# Apache/PHP/Drupal settings:
#

#For disable gzip
SetEnvIfNoCase Request_URI \.(og[gv]|mp4|m4v|webm)$ no-gzip dont-vary

#For add mime types
AddType video/ogg  .ogv
AddType video/mp4  .mp4
AddType video/webm .webm
[...]

mime.conf

#
# If the AddEncoding directives above are commented-out, then you
# probably should define those extensions to indicate media types:
#
AddType application/x-compress .Z
#AddType application/x-gzip .gz .tgz
AddType application/x-bzip2 .bz2
AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm

gzip 圧縮を無効にしましたが、問題は解決しません。Facebook の iframe へのアプリのみがビデオ webm に失敗します。MP4 正常に動作します。

更新 2

ここでの問題は Twitter Bootstrap です。これをモーダル表示に使用します。ビデオでモーダルを表示する前に、ブラウザーに Cookie を保存します。

ビデオをモーダルにすると、ビデオを再生できません。ビデオを 2 回クリックすると、このビデオが再生されます。Mozilla Firefox のみ。Chrome、IE 7-8-9 は正常に動作します。

ビデオをモーダルに出すとき。これはすべてのブラウザで正常に再生されます。

私の英語でごめんなさい。

4

1 に答える 1

3

あなたのリンクを見て以来、あなたが現在 JW5 ではなく JW6 を使用していると判断できたので、別のコードを使用する必要があります。

このコード:

jwplayer('container').setup({
                height: 309,
                width: 549,
                levels: [
                    { file: "video.mp4" },
                    { file: "video.webm" },
                    { file: "video.flv" }
                ], 
                'modes': [
                    {type: 'html5'},
                    {type: 'flash', src: "jwplayer.flash.swf"},
                    {type: 'download'}
                ]
});

代わりに、次のようになります。

jwplayer('container').setup({
                height: 309,
                width: 549,
                playlist: [{
                sources: [
                    { file: "video.mp4" },
                    { file: "video.webm" },
                    { file: "video.flv" }
                ]
                }]
});

これは、JW6 ではモードが削除され、HTML5 が既にプライマリ モードであり、「レベル」が「ソース」に置き換えられているためです。

ここに移行ドキュメントがあります - http://www.longtailvideo.com/support/jw-player/28834/migrating-from-jw5-to-jw6

jw6 で使用されている複数のファイルの例は、http: //www.longtailvideo.com/support/jw-player/29251/mp4-and-webm-formats です。

于 2013-01-24T21:25:59.827 に答える