我通过通用嵌入代码在页面上有一个 Vimeo 视频：
<div class="video">
<iframe src="http://player.vimeo.com/video/VIDEO_ID" width="100%" height="100%" frameborder="0"></iframe>
</div>
我正在使用 Vimeo 的 JavaScript API（http://vimeo.com/api/docs/player-js）向 div 添加一个类video（使 div 加倍），用于视频何时开始播放以及视频何时暂停或完成，该类被删除，将视频播放器大小重置为其原始大小。
这在台式机/笔记本电脑（Firefox）上按预期工作，但在 Android 手机上，iframe（一旦它的大小翻倍）不会恢复到以前的大小（它是一个百分比，所以它应该适应它的video容器），这会导致 iframe 与其父 div 重叠。
首先，我认为它是 iframe 的 100% 宽度和高度，因此我$('#video1').attr('width', 400);在视频停止时使用 iframe 指定了固定宽度和高度，但 iframe 保持不变（它保持两倍大小）。
有没有人知道为什么 Android 会这样做以及如何强制 iframe 调整大小？