在chrome上用html5显示垂直视频 [英] Displaying vertical videos with html5 on chrome

问题描述

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

如果你用铬合金看它，你可能会看到这个视频是水平的，尽管它不是试图从safari下载或观看（没有尝试过其他浏览器）。 p>

我没有在网上发现任何东西提到这个问题，它是一个已知的铬错误？这是否标记任何属性，我可以更改以正确显示它？

谢谢。

编辑：
看起来像这样也发生在IE中

解决方案

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

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

<建议您需要使用支持更多标准编码的库对视频进行重新编码。 （或尝试转换视频，在页面上，但这将是丑陋的）

I'm building a simple page to display videos uploaded from my iphone using the html5 video tag.

if you're watching it with chrome you probably see this video is presented horizontal, although it's not- try to download it or watching it from safari (haven't tried another browsers).

I havne't found anything on the net mention this problem, is it a known chrome bug? does this tag any attribute that I can change to display it properly?

Thanks.

Edit: looks like this also happen in IE

解决方案

It's an encoding issue from iPhones. I downloaded the video and it was still displayed horizontally using mplayer. There is more information here:

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

and as suggested you'll need to re-encode the videos using a library that uses a more supported standard encoding. (Or try to transform the video, on the page but that would be ugly)

这篇关于在chrome上用html5显示垂直视频的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！