在Chrome瀏覽器上顯示帶有HTML5的垂直視頻

我正在構建一個簡單的page來顯示使用html5視頻標籤從我的iphone上傳的視頻。在Chrome瀏覽器上顯示帶有HTML5的垂直視頻

如果您使用Chrome瀏覽器，您可能會看到此視頻是水平顯示的，儘管它不是嘗試從Safari瀏覽器下載或觀看（未嘗試過其他瀏覽器）。

我沒有在網上發現任何提到這個問題，它是一個已知的鉻錯誤？這是否標記了我可以更改以正確顯示它的任何屬性？

謝謝。

編輯： 貌似這也是在IE

來源

2012-09-13 shem

僅供將來的人使用。 IE11看起來正確地定位了現在和現在的錄製視頻，但仍然在爲Chrome尋找更好的解決方法。 –

發生這是一個從iPhone手機的編碼問題。我下載了視頻，它仍然使用mplayer水平顯示。這裏有更多的信息：

http://help.videojs.com/discussions/problems/1508-video-orientation-for-iphone-wrong

和建議，您需要重新編碼使用使用更支持的標準編碼庫中的視頻。（或嘗試轉換視頻，在頁面上，但這將是醜陋的）

來源

2012-09-16 20:53:10

Thx。我也是從iPhone上傳視頻的人，我知道這個視頻是否是水平的，我可以在上傳視頻之前在iPhone上做些什麼，而不用重新編碼它？ – shem

也許吧。編碼將被正確地整合到軟件中，所以你有可能無法做任何事情，只能重新編碼。 http://stackoverflow.com/questions/2208522/ffmpeg-on-iphone-modifying-video-orientation：雖然你可能會找到一個唯一的服務，你可以使用作爲過濾器上傳之前。有幾條建議（評論）：http：//www.youtube.com/watch？v = smVIRDfcEvU，但它們的目標是Quicktime，因此可能是問題中的「修復」，而不是影響問題本身。 –

你可以使用style =「 - webkit-transform：rotate（90deg）;」視頻標籤以及兼容html5的視頻播放器解決方案（否則您也會獲得旋轉控制）

來源

2012-09-16 23:15:26 xception

沒關係，我不使用控件。而我現在只需要它用於chrome，所以這意味着我不需要擔心html5兼容問題吧？ – shem

這個解決方案不夠好，因爲它不適用於180度翻轉的視頻（顯然這對那些人來說也有問題），我猜我必須重新編碼視頻。 – shem

好吧，對不起，我試過了，至少你有一個工作解決方案 – xception

在Chrome瀏覽器上顯示帶有HTML5的垂直視頻

回答

相關問題