IE9 +不在HTML5视频标签中播放肖像视频

时间:2013-04-12 11:39:40

标签: html5 video ffmpeg html5-video

出于某种原因,当使用HTML5视频标签时,我无法让IE9 / 10播放高于宽视频的视频。

演示: http://s.l6.no/demo/video+html5/

该演示展示了一个从1280x720缩小的视频,在所有经过测试的浏览器中播放效果非常好,一个视频从720x1280缩小,适用于所有浏览器 IE9 / 10。

经过测试并适用于:

  • Chrome 26,Windows 7 64位
  • Chromium 24,Ubuntu 64-bit
  • Firefox 14,Windows 7 64位

经过测试,适用于:

  • Internet Explorer 9,Windows 7 64位
  • Internet Explorer 10,Windows 7 64位

我正在使用FFmpeg将视频编码为MP4(x264)和WebM(VP8),当前命令对此进行了修改:

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

缺少个人资料设置将是我的第一点,但由于其他视频播放得很好,我不明白为什么它应该重要。

有什么想法吗?

编辑:软旋转视频实际上不是一个选项,因为用户可以下载视频以脱机播放。我可以为IE换码一个额外的版本,但是来吧,还有另一种方式,不是吗?

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

问题是视频高度。 它必须小于1088像素。 More here