首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >HTML5视频标签用于mp4,但无法在galaxy s4或iphone上播放

HTML5视频标签用于mp4,但无法在galaxy s4或iphone上播放
EN

Stack Overflow用户
提问于 2013-08-21 01:04:12
回答 2查看 1K关注 0票数 0

大家好,我正在尝试使用html5视频标签将我们公司的视频放到我们的网站上,而不是嵌入youtube视频,它似乎在台式机上运行良好,但不能在我的三星galaxy s4或iphone上播放。

我只在代码中提供了一个mp4,因为我尝试过的各种转换器都无法将它们转换为ogg或webm (我猜这是手机所需要的?)

以下是代码的示例

代码语言:javascript
运行
复制
        <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文件,他们也被转换)

提前感谢

EN

回答 2

Stack Overflow用户

发布于 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>元素没有出现的问题,注意给一些heightwidth属性赋值。

票数 0
EN

Stack Overflow用户

发布于 2014-06-09 08:07:58

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18340948

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档