大家好,我正在尝试使用html5视频标签将我们公司的视频放到我们的网站上,而不是嵌入youtube视频,它似乎在台式机上运行良好,但不能在我的三星galaxy s4或iphone上播放。
我只在代码中提供了一个mp4,因为我尝试过的各种转换器都无法将它们转换为ogg或webm (我猜这是手机所需要的?)
以下是代码的示例
<video controls poster="images/sparta-street-safe-graphic.jpg">
<source src="security-videos/private-security-firms.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
<h2 class="white">Sparta on BBC news </h2>我可以问一下,我的代码有问题吗?还是像我提供另一种格式一样简单,如果是,是哪种格式?
如果提供另一种格式是答案,有人知道为什么不同的转换器拒绝转换这些特定的视频到ogg或webm (我有flv文件从youtube和mp4文件,他们也被转换)
提前感谢
发布于 2014-02-05 17:23:24
您的代码看起来是正确的。但是浏览器偏爱一种MIME类型而不是另一种类型,这是一个问题。按照以下方式对视频src元素进行排序。它有时可能会起作用。
1.video/webm
2.视频/ogv或ogg
3.视频/MP4
我在nexus4上成功运行了一个src webm video big buck bunny。但无法在多个src视频中做到这一点。在桌面Firefox中,它更喜欢OGV而不是WEBM和MP4,但仍然没有播放它。在safari中,它不会播放任何带有多个src的<video>,而是播放带有<embed>标签的所有内容。所以,你看,它并不总是有效的。
您可能会遇到<video>元素没有出现的问题,注意给一些height和width属性赋值。
发布于 2014-06-09 08:07:58
将您的视频转换为m4v格式,它将正常工作。
https://stackoverflow.com/questions/18340948
复制相似问题