2013-05-21 48 views
2

我的代码:为什么HTML5视频不适用于谷歌浏览器?

<video width="600" height="400" controls="controls"> 
<source src="uploads/video/patientenhandset_uk_high.mp4" type="video/mp4" /> 
<source src="uploads/video/patientenhandset_uk_high.ogg" type="video/ogg" /> 
Your browser not supported this video. 
</video> 

此代码IE10,IE9,Firefox和Opera的作品。那么为什么不能在Chrome中工作?

+0

定义“不工作”。控制台上报告了哪些消息?什么请求显示在Net标签中?您的服务器为视频返回哪种内容类型? – Quentin

+0

我发现某些浏览器在相对源代码方面存在问题,所以我很久以前就开始将源代码放在FQDN中。它现在可能已经被修复了,但是一组类似的代码在Chrome中仍然适用于我。可能是您的Web服务器发送的无效MIME类型。 –

回答

0

我相信Chrome使用WebM格式(video/webm),所以您可能需要提供另一个<source>替代方案。

+2

Chrome支持mp4和ogg以及webm。 – Quentin

+0

谢谢。现在开始工作:) –

+0

我知道它应该是@Quentin,但过去我也遇到过类似的问题,只有提供所有3种格式才能开始可靠地工作(如在这种情况下) 。默认情况下,您应该提供所有3种格式以用于跨浏览器/设备覆盖。 –

0

该代码看起来不错。你是否为mp4提供了正确的mime类型?

最新的chrome播放HTML5视频的效果很好,所以你有什么问题,但它不会出现在你的HTML中。您可能还想尝试将源标签切换为使用完全限定的域名,如http://www.yourdomain.com/yourvideo.mp4

相关问题