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

Question

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

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

非常感谢

利奥尔

Answer 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上，视频在分配的空间中播放。

另外，请看一下这个相关的问题：

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