4

我正在构建一个简单的页面来显示使用 html5 视频标签从我的 iphone 上传的视频。

如果您正在使用 chrome 观看它,您可能会看到该视频是水平显示的,尽管它不是 - 尝试下载它或从 safari 观看它(没有尝试过其他浏览器)。

我没有在网上找到任何提到这个问题的东西,它是一个已知的 chrome 错误吗?此标记是否有任何我可以更改以正确显示的属性?

谢谢。

编辑: 看起来这也发生在 IE 中

4

2 回答 2

3

你可以使用 style="-webkit-transform: rotate(90deg);" 在视频标签上以及与 html5 兼容的视频播放器解决方案(否则您也会获得旋转控件)

于 2012-09-16T23:15:26.987 回答
1

这是 iPhone 的编码问题。我下载了视频,它仍然使用 mplayer 水平显示。这里有更多信息:

http://help.videojs.com/discussions/problems/1508-video-orientation-for-iphone-wrong

并且按照建议,您需要使用使用更受支持的标准编码的库重新编码视频。(或者尝试在页面上转换视频,但这会很难看)

于 2012-09-16T20:53:10.513 回答