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

标签 html google-chrome html5-video

我正在构建一个简单的 page使用 html5 视频标签显示从我的 iPhone 上传的视频。

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

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

谢谢。

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

最佳答案

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

关于html - 在 chrome 上使用 html5 显示垂直视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12409613/

相关文章:

css - 为什么表情符号在旋转到 45(或 315)度时不会呈现?

google-chrome - ffmpeg mp4 x264 编码 -> 播放导致 Chrome 和 IE 中的 "pending"导致 10+ 秒延迟

javascript - 如何使用 javascript 防止 chrome 的 flash 音频模式

javascript - 动态添加行并运行脚本

html - 将一个 div 放在另一个 div 的中间

Html 视频播放器播放声音但不播放视频

javascript - 有没有办法随机播放碎片化的 mp4?

html - div之间的差距

google-chrome - 如何在 Google Chrome ver 38 上禁用打印预览?

javascript - 从选项卡获取 HTML 内容