2012-02-23 18 views
4

私はjQueryビデオバックグラウンドプラグインをテストしていますが、Firefoxのデモサイトと同じ動作をしていません。jquery video background plugin

プラグインのデモサイト: http://www.georgepaterson.com/sandbox/jquery-html5-video-background-demo/

ビデオの再生Firefoxの

の私のデモサイト: http://willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/

ビデオは、Firefox

に私は気づいた何かを再生しませんそれは新しいウィンドウで3種類のビデオ形式のURLを試したときです。

プラグインのデモサイトのためにこれらの3ビデオフォーマットのプレイ:

http://www.georgepaterson.com/wp-content/uploads/jquery/jquery-videobackground/video/big-buck-bunny.mp4

http://www.georgepaterson.com/wp-content/uploads/jquery/jquery-videobackground/video/big-buck-bunny.webm

http://www.georgepaterson.com/wp-content/uploads/jquery/jquery-videobackground/video/big-buck-bunny.ogv

が、私のデモサイト上でこれらの2ビデオ形式が再生されません。私はこのホスティング問題かもしれないと思ったが、私は3種類のホスティングサーバーと同じ問題でテスト

http://www.willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/video/big-buck-bunny.webm

http://www.willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/video/big-buck-bunny.ogv

自分のコンピュータ上のビデオを保存するウィンドウを取得します!

何か問題があると教えてもらえますか?

ありがとうございました。

答えて

3

コンテンツタイプ(MIMEタイプ)の可能性が最も高いです。

いくつかの例は次のとおりです:Apacheので

mp2 audio/mpeg 
mp3 audio/mpeg 
mp4 video/mp4 
mpe video/mpeg 
mpeg video/mpeg 
mpg video/mpeg 
mpga audio/mpeg 

これはファイルのmime.typesです。テキストエディタで編集して保存するだけです。アパッチの詳細については以下を参照してくださいIISでhttp://httpd.apache.org/docs/2.4/

は、次の手順に従います。http://technet.microsoft.com/en-us/library/cc725608(v=ws.10).aspx

あなたがプレイしたいと思っているビデオへの特定のタイプを追加する必要があります。

+0

返信ありがとう私は彼がそれらの2つのフォーマットを追加できるかどうか私のホスティングプロバイダに尋ねます – user472285

+0

はいこれです。できます!ありがとうございます – user472285

2

はい、私はあなたが正しいと思うし、それはあなたのサーバーに問題です。 次の内容の.htaccessファイルを作成してください:ファイルがルートディレクトリにするか、HTMLドキュメントのフォルダにしておく必要があり

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

わからない場合は、ちょうどそれを試してみます。

+0

はいこれです。私はそれを私のhtaccessに加え、それは動作します! – user472285

-2

私はフルスクリーンビデオの背景を作成するために使用できるより良いjQuery video background pluginsを得ました。

+0

外部ソースへのリンクのみの回答を書いてはいけません。そのリンクが変更された場合、この回答は無効になります。外部ソースへのリンクが推奨されますが、回答に関連するデータも複製する必要があります。 – GrumpyCrouton