jquery视频背景插件

Question

我正在测试 jQuery 视频背景插件，但我在 Firefox 中没有与演示网站相同的行为。

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

视频在 Firefox 中播放

我的演示网站: 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

但在我的演示网站上，这两种视频格式无法播放。我看到一个窗口将视频保存在我的计算机上

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 个不同的托管服务器上进行了测试，并且出现了相同的问题!

谁能告诉我出了什么问题吗？

谢谢，祝你有美好的一天

Answer 1

这很可能是您的内容类型(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

您需要添加特定于您要播放的视频的类型。