2012-02-23 139 views
4

我正在測試一個jQuery視頻背景插件,並且我在firefox中的演示網站沒有相同的行爲。jquery視頻背景插件

插件演示站點:在Firefox http://www.georgepaterson.com/sandbox/jquery-html5-video-background-demo/

視頻播放

我的演示站點: http://willychataigner.com/2020/georgepaterson-jquery-videobackground-8b3535a/

視頻不能在Firefox中發揮

東西我已經注意到是當我在一個新窗口嘗試3種不同的視頻格式網址

該插件演示站這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視頻格式不玩了。我得到一個窗口,以節省我的電腦

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個不同的主機服務器和同一問題上測試!

有人可以告訴我什麼是錯?

感謝和美好的一天

回答

3

這很可能是您的內容類型(MIME類型)。

是一些例子:

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

在Apache中這是文件的mime.types英寸只需在文本編輯器中編輯並保存即可。有關Apache的更多信息,請參閱:http://httpd.apache.org/docs/2.4/

在IIS中遵循以下步驟:http://technet.microsoft.com/en-us/library/cc725608(v=ws.10).aspx

您將需要添加特定於你想要播放的視頻類型。

+0

感謝您的回覆我會問我的託管服務提供商,如果他可以添加這兩種格式 – user472285 2012-02-23 21:46:32

+0

是的,這是它。有用!謝謝 – user472285 2012-02-23 21:55:07

2

是的,我認爲你是對的,這是你的服務器的問題。 嘗試創建一個.htaccess文件,內容如下:

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

如果不知道該文件必須在根目錄或與HTML的文件夾中,只要給它一個嘗試。

+0

是的,這是它。我添加到我的htaccess,它的工作原理! – user472285 2012-02-23 21:55:37

-2

我得到了一些更好的jQuery video background plugins,您可以使用它來創建全屏視頻背景。

+0

請不要寫一個答案,只是一個鏈接到外部來源。如果該鏈接更改,則此答案變爲無效。鼓勵鏈接到外部來源,但您也應該在答案中複製相關數據。 – GrumpyCrouton 2017-06-09 15:44:23