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

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

本文介绍了IE9 +不在HTML5视频标签中播放肖像视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

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

For some reason I can't get IE9/10 to play video that is taller than wide, when using HTML5 video tags.

演示:

该演示显示一个视频从1280x720缩小,在所有测试的浏览器中播放完美,一个视频从720x1280缩小,适用于所有浏览器但是 IE9 / 10。

The demo shows one video scaled down from 1280x720, which plays perfectly fine in all tested browsers, and one video scaled down from 720x1280 which plays for all browsers but IE9/10.

经过测试并适用于:


  • Chrome 26 ,Windows 7 64位

  • Chromium 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:

I'm using FFmpeg to code the videos to MP4(x264) and WebM(VP8), with the current command dummed down to this:

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

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

The lack of profile settings would be my first point, but since the other video is playing just fine, I can't see why it should matter.

任何想法?

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

soft rotating the video isn't really an option, as the user is to be able to download the video to play offline. I could transcode an extra version just for IE, but come on, there's gotta be another way, no?

推荐答案

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

这篇关于IE9 +不在HTML5视频标签中播放肖像视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-30 16:53