0

大家好,我正在尝试使用 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(我有从 youtube 和 mp4 文件中直接获取的 flv 文件,它们也被转换了)

提前致谢

4

2 回答 2

0

将您的视频转换为 m4v 格式,它会正常工作。

于 2014-06-09T00:07:58.413 回答
0

您的代码看起来正确。但是浏览器偏爱 MIME 类型而不是另一种存在问题。按以下方式对视频 src 元素进行排序。它有时可能会起作用。

1.视频/网络

2.video/ogv或ogg

3.视频/mp4

我在nexus 4上成功运行了一个src webm video big buck bunny。但是不能用多个 src 视频来做到这一点。在 Desktop Firefox 中,它更喜欢 OGV 而不是 WEBM 和 MP4,但仍然没有播放。在 safari 中,它没有<video>使用 multiple播放任何src,而是使用<embed>tag 播放所有。所以,你看,它并不总是有效。

您可能会遇到<video>元素未显示的问题,请注意提供一些值heightwidth属性。

于 2014-02-05T09:23:23.800 回答