2013-04-12 114 views
0

由于某些原因,我无法让IE9/10播放比使用HTML5视频标签时宽度更高的视频。IE9 +不播放HTML5视频标签中的纵向视频

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

演示示出了一个视频从1280×720,其在所有测试的浏览器完全正常按比例缩小,和一个视频从720x1280起着对于所有浏览器 IE9/10缩小。

测试和工程为:

  • 铬26,Windows 7的64位
  • 铬24,Ubuntu的64位
  • 的Firefox 14,Windows 7的64位

经过测试和确实不是适用于:

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

我使用的FFmpeg的代码为MP4(X264)和WebM(VP8)视频,与当前命令dummed到这一点:

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

缺少的配置文件的设置将是我的第一点,但由于其它视频播放就好了,我不明白为什么它应该的问题。

任何想法?

编辑:软旋转视频并不是一个真正的选择,因为用户能够下载视频进行离线播放。我可以将一个额外的版本转换为仅用于IE的版本,但是来吧,还有另一种方式,不是吗?

回答

0

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

+0

我认为这个选项,但用户也能够下载视频,而且我不想添加同一视频的两个版本。 – ptrn