iframe不';t在android 2.3.6上调整大小

iframe不';t在android 2.3.6上调整大小,android,jquery,iframe,vimeo,vimeo-player,Android,Jquery,Iframe,Vimeo,Vimeo Player,我通过通用嵌入代码在页面上有一个Vimeo视频: <div class="video"> <iframe src="http://player.vimeo.com/video/VIDEO_ID" width="100%" height="100%" frameborder="0"></iframe> </div> 我正在使用Vimeo的JavaScript API()将一个类添加到videodiv(将div增加一倍),以便在视频开始播放时

我通过通用嵌入代码在页面上有一个Vimeo视频:

<div class="video">
  <iframe src="http://player.vimeo.com/video/VIDEO_ID" width="100%" height="100%" frameborder="0"></iframe>
</div>

我正在使用Vimeo的JavaScript API()将一个类添加到
video
div(将div增加一倍),以便在视频开始播放时,以及在视频暂停或结束时,删除该类,将视频播放器大小重置为其原始大小

这在台式机/笔记本电脑(Firefox)上可以正常工作,但在Android手机上,iframe(一旦它的大小翻倍)不会恢复到以前的大小(这是一个百分比,因此它应该适应它的
视频
容器),这会导致iframe与其父div重叠

首先,我认为它是iframe的100%宽度和高度,所以我使用
$('#video1').attr('width',400)为iframe指定了一个固定的宽度和高度当视频停止,但iframe保持不变时(它保持两倍大小)


有没有人知道Android为什么会这样做,以及我如何强制iframe调整大小?

尝试在标记本身中定义您的特定宽度400,据我所知,iframe width属性只接受像“400”或“400px”这样的间隔?您是否尝试过将iframe{max width:100%}添加到css中?