在chrome上使用html5显示垂直视频



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

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

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

谢谢。

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

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

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

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

根据建议,您需要使用使用更受支持的标准编码的库对视频进行重新编码。(或者尝试在页面上转换视频,但那会很难看)

最新更新