在Chrome浏览器上显示带有HTML5的垂直视频

我正在构建一个简单的page来显示使用html5视频标签从我的iphone上传的视频。在Chrome浏览器上显示带有HTML5的垂直视频

如果您使用Chrome浏览器，您可能会看到此视频是水平显示的，尽管它不是尝试从Safari浏览器下载或观看（未尝试过其他浏览器）。

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

谢谢。

编辑： 貌似这也是在IE

来源

2012-09-13 shem

仅供将来的人使用。 IE11看起来正确地定位了现在和现在的录制视频，但仍然在为Chrome寻找更好的解决方法。 –

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

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

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

来源

2012-09-16 20:53:10

Thx。我也是从iPhone上传视频的人，我知道这个视频是否是水平的，我可以在上传视频之前在iPhone上做些什么，而不用重新编码它？ – shem

也许吧。编码将被正确地整合到软件中，所以你有可能无法做任何事情，只能重新编码。 http://stackoverflow.com/questions/2208522/ffmpeg-on-iphone-modifying-video-orientation：虽然你可能会找到一个唯一的服务，你可以使用作为过滤器上传之前。有几条建议（评论）：http：//www.youtube.com/watch？v = smVIRDfcEvU，但它们的目标是Quicktime，因此可能是问题中的“修复”，而不是影响问题本身。 –

你可以使用style =“ - webkit-transform：rotate（90deg）;”视频标签以及兼容html5的视频播放器解决方案（否则您也会获得旋转控制）

来源

2012-09-16 23:15:26 xception

没关系，我不使用控件。而我现在只需要它用于chrome，所以这意味着我不需要担心html5兼容问题吧？ – shem

这个解决方案不够好，因为它不适用于180度翻转的视频（显然这对那些人来说也有问题），我猜我必须重新编码视频。 – shem

好吧，对不起，我试过了，至少你有一个工作解决方案 – xception

在Chrome浏览器上显示带有HTML5的垂直视频

回答

相关问题