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

时间:2012-09-13 15:21:02

标签: html5 google-chrome html5-video

我正构建一个简单的page来显示使用html5视频标记从我的iphone上传的视频。

如果您正在使用Chrome观看它,您可能会看到此视频呈现水平,但它不会尝试下载或通过safari观看(还没有尝试过其他浏览器)。

我发现网上有什么东西都没提这个问题,这是一个已知的铬虫吗?这会标记我可以更改的任何属性以正确显示它吗?

感谢。

修改 看起来这也发生在IE

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:1)

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

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

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