HTML5视频嵌入

时间:2014-06-26 20:58:47

标签: html5 .htaccess google-chrome firefox video

我正在尝试在基于bootstrap 2.2.2的设计中嵌入HTML5视频,但它不适用于Firefox,但它在Chrome上工作正常,但在Firefox上它说No video with supported format and MIME type found. 我已经尝试将这些文件添加到.htaccess文件并将其上传到我的根目录,但这也没有帮助。

  • AddType video / mp4 mp4 m4v
  • AddType audio / mp4 m4a
  • AddType video / ogg ogv
  • AddType audio / ogg ogg oga
  • AddType video / webm webm

我还将视频转换为不同的html支持格式并尝试添加但没有运气。 This is the page where I am adding videos and you can see the source

注意:我在stackoverflow上找到了之前的问题,但没有运气,我没有apache配置文件来允许视频样式,因为我在共享主机上。

3 个答案:

答案 0 :(得分:0)

你可以试试这个:http://mediaelementjs.com/

似乎有很好的评论。

答案 1 :(得分:0)

首先,你的webm和ogg文件都抛出了404错误 - 找不到文件。 其次,在你的问题中,你有正确的mime类型,但在你正在使用的代码中

video/ogv

这是不正确的。它应该是

video/ogg

修改

此外,您不应在元素id="video"上使用相同的ID,例如id="video1"

然而,这些并不是您所面临的真正问题。如果你确实上传了文件,如果它不能播放,firefox仍然会尝试下载它。我的直觉告诉我这与你的htaccess有关......

我说这是因为我发现服务器正在进行一些古怪的重定向,这是一个有效的地址,使浏览器能够下载mp4:

http://ritzcarltonmiamibeach.com/ritzcarltonmiamibeach.com/videos/aerial.mp4

为什么不发布整个htaccess?

答案 2 :(得分:0)

我同意denjello的说法,你的服务器可能正在做一些奇怪的重定向。但是,这似乎不是mp4文件的问题,我可以直接从浏览器访问,即使有奇怪的重定向。

因此,可能会从其他地方禁用网络视频。很难确切知道发生了什么,因为你说,你无法访问apache配置文件。你有没有问过你的托管公司?

我知道这不是最佳解决方案,但您可以考虑从其他服务器加载视频。我建议您至少为了测试目的而尝试这一点,以排除其他错误来源。