2013-04-12 112 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