我通过通用嵌入代码在页面上有一个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）将一个类添加到video div（使div加倍），以便在视频开始播放时以及视频暂停或完成时，该类被删除，将视频播放器大小重置为原始大小。
这在桌面/笔记本电脑（Firefox）上按预期工作，但在Android手机上，iframe（一旦它的尺寸增加一倍）不会恢复到之前的尺寸（它是一个百分比，所以它应该适应它的video容器），导致iframe与其父div重叠。
首先我认为这是iframe的100％宽度和高度，所以当视频停止时，我使用$('#video1').attr('width', 400);为iframe指定了固定的宽度和高度，但iframe保持不变（它保持双倍大小）。
有没有人知道为什么Android会这样做？我如何强制iframe调整大小？