根據iPad的方向更改html5視頻標籤的src

編碼用於iPad Mobile Safari的HTML5頁面，該標籤包含用於嵌入視頻文件的標籤。使用CSS3媒體查詢來確定iPad的方向，這很好。根據iPad的方向更改html5視頻標籤的src

現在需要根據方向更改視頻標籤的src。換句話說，有兩個視頻，一個大小適合在橫向視圖中工作，另一個在縱向視圖中工作。

有關如何解決此問題的任何建議？我相信這很簡單，但我似乎無法讓它工作。

2011-10-21 jtabata

我只是在使用javascript插入視頻標籤後，查看文檔寬度並找出方向。

2011-10-21 15:23:07 RoyalFool

感謝您的回覆。我已經嘗試過，使用本教程http://www.devinrolsen.com/javascript-mobile-orientation-detection/ 但是，當我旋轉iPad它確實改變了視頻的來源，但沒有重新加載'的頁面，因此你得到一個只有視頻的白色背景頁面。 – jtabata

好的，您可以使用 - （void）viewWillLayoutSubviews函數在方向更改時觸發操作，嘗試將頁面重新加載。 – RoyalFool

根據iPad的方向更改html5視頻標籤的src

回答

相關問題