视频元素大小差异（移动与桌面）答案

【问题标题】：Video element sizing differences (mobile vs desktop)视频元素大小差异（移动与桌面）
【发布时间】：2014-05-23 22:52:38
【问题描述】：

移动设备和桌面设备之间的视频元素大小调整行为似乎有所不同：在http://www.quirksmode.org/html5/tests/video.html 在桌面 chrome 上，它的宽度约为浏览器的 35%。在 ipad chrome 上大约是 10%

任何想法为什么？我在哪里可以得到这个规则？

非常感谢

里尔

【问题讨论】：

标签： css html html5-video

【解决方案1】：

Apple 在本文档中记录了这种非标准行为，值得一读，因为它涵盖了您在使用 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 上的默认高度和宽度

由于在加载电影元数据之前无法知道视频的原生尺寸，因此如果未指定高度或宽度，则在运行 iOS 的设备上分配默认高度和宽度 150 x 300。目前，影片加载时默认高度和宽度不会改变，因此您应该指定首选高度和宽度，以便在 iOS 上获得最佳用户体验，尤其是在 iPad 上，视频在分配的空间中播放。

【讨论】：