相关疑难解决方法(0)

Safari和Firefox中的HTML5视频(mp4和ogv)问题 - 但Chrome一切都很好

我有以下代码:

<video width="640" height="360" controls id="video-player" poster="/movies/poster.png">
 <source src="/movies/640x360.m4v" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 <source src="/movies/640x360.ogv" type='video/ogg; codecs="theora, vorbis"'> 
</video>
Run Code Online (Sandbox Code Playgroud)
  • 我正在使用Rails(开发中的Mongrel和生产中的Mongrel + Apache).
  • Chrome(Mac和Win)可以在本地或从我的生产服务器播放任一文件(通过其他源标签测试).
  • Safari(Mac和Win)可以在本地播放mp4文件,但不能从制作中播放.
  • Firefox 3.6不会在任何一个操作系统中播放视频.我只是在视频播放器区域的中间得到一个灰色十字架.
  • 我确保在每种情况下Mongrel和Apache都设置了正确的MIME类型.
  • 从Chrome的结果我知道我的视频文件或文件被要求或传递的方式本身没有任何错误.

对于Firefox,我查看了https://developer.mozilla.org/En/Using_audio_and_video_in_Firefox,其中引用了"错误"事件和"错误"属性.似乎'错误'事件非常直接抛出,当时没有错误属性.有谁知道如何诊断问题?

safari video firefox html5 ogg-theora

42
推荐指数
2
解决办法
16万
查看次数

HTML5视频以Chrome格式播放,但不播放IE9

我已经尝试了你可以在互联网上找到的所有混合物,这里关于编码,htaccess和视频元素标记,但是我无法在IE9中播放这些视频,而它们在Chrome中完美运行.有谁知道魔法仙尘让这个工作?在IE中显示的所有内容都是一个黑色方框,中间是红色x.这是测试页面的链接:(链接已删除)

请注意,我会显示两个视频和两个标记变体.一个是Mark Pilgrim关于视频类型的书的直接副本.第一个视频是使用miro编码的.第二个是ffmpeg.我在该视频目录中的htaccess中包含了"AddType video/mp4 .mp4".

我从未尝试过的东西或ffmpeg的预设组合从未如此重要,似乎没什么用.我对听到有关javascript库或任何其他库的建议不感兴趣.

EDIT1:

在下面的@heff看到一个测试页面之后,看来我的问题可能与我的主持人HostGator有关,他们的支持团队给了我一些不支持使用HTML5的网页设计工作.我还在IE9中使用可在其他浏览器和其他Web主机上运行的音频和标记来处理HTML5音频问题.我不知道我的问题与主机有关,但我倾向于相信,并将考虑与其他主机进行测试.

我在互联网上看到了很多类似的问题,在这里,我想知道他们是否和我有同样的主机问题.

EDIT2:

我把视频放在我办公室的本地服务器上,以及使用Apache和FreeBSD完全相同的网页(HostGator使用Centos).这些视频在IE9中播放得很好.

编辑3: 所以我得到了"巴克叔叔"工作.这是我下载的众所周知的MP4.为什么它的工作原理,我不知道,但我认为它使用了相同的编码器.他们必须拥有其他没有的魔法仙尘.

编辑4: 任何人都可以复制我的一个视频和标记,并使其在非HostGator主机上运行吗?

编辑5: 所以看来IE9正在下载mp4视频,但只是在播放红色'x'时没有播放或显示控件.我原本认为这些视频根本没有从他们的开发工具中下载给我看.仍然不知道该做什么.我在重新加载页面时看到了控件的闪光.

EDIT6:已解决 正如我在其他地方暗示的那样,解决方案是编码.有什么不同,我不知道,但我使用ffmpeg使用编码方法.编码显示在下面的答案中.

正如我所说的那样,没有其他浏览器存在我使用的问题.

html5 html5-video internet-explorer-9

5
推荐指数
1
解决办法
1万
查看次数