iframe没有在android 2.3.6上调整大小

我通过通用嵌入代码在页面上有一个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调整大小？