html - IE9+ 不能在 HTML5 视频标签中播放纵向视频

Question

由于某种原因，在使用 HTML5 视频标签时，我无法让 IE9/10 播放高于宽度的视频。

该演示显示了一个从 1280x720 缩小的视频，在所有测试的浏览器中都可以正常播放，一个从 720x1280 缩小的视频可以在除IE9/10 之外的所有浏览器中播放。

经过测试并适用于：

经过测试，不适用于：

我正在使用 FFmpeg 将视频编码为 MP4（x264）和 WebM（VP8），当前命令被简化为：

ffmpeg -i in.mp4 -vcodec libx264 -pix_fmt yuv420p -y -b:v 4000k out.mp4

缺少配置文件设置将是我的第一点，但由于其他视频播放得很好，我看不出它为什么重要。

有任何想法吗？

编辑：软旋转视频并不是一个真正的选择，因为用户能够下载视频以离线播放。我可以为 IE 转码一个额外的版本，但是来吧，一定有另一种方式，不是吗？

score 0 · Accepted Answer

这有点难看，但您可以添加-webkit-transform:rotate(90deg);到视频标签的样式属性。但是，这也会旋转您的控件。

score 0 · Accepted Answer

0

问题是视频高度。它必须小于 1088 像素。更多在这里

于 2017-04-12T16:47:23.910 回答

2 回答 2