視頻元素尺寸差異（手機vs桌面）

Question

移動設備與桌面之間的視頻元素尺寸行爲似乎不同： 對http://www.quirksmode.org/html5/tests/video.html 在桌面瀏覽器上，其寬度約爲瀏覽器的35％。對ipad chrome約爲10％

有什麼想法爲什麼？我在哪裏可以得到這個規則？

感謝很多

利奧爾

Answer 1

蘋果文檔這種不規範的行爲這個文件，這是值得一讀，因爲它涵蓋了你將不必擔心與iPad上的視頻一些其他的事情。

https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html#//apple_ref/doc/uid/TP40009523-CH5-SW1

默認高度和寬度在iOS

由於視頻的本地尺寸沒有已知直到電影的元數據負載，一個默認的高度和150×300的寬度被分配在未指定高度或寬度的iOS設備上運行。目前，當影片加載時，默認的高度和寬度不會改變，因此您應該指定首選的高度和寬度以獲得iOS上的最佳用戶體驗，尤其是在iPad上，視頻在分配的空間中播放。

而且，看看此相關的問題：

Safari on iPad (iOS6) does not scale HTML5 video to fill 100% of page width