iframe不';t在android 2.3.6上调整大小
我通过通用嵌入代码在页面上有一个Vimeo视频: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增加一倍),以便在视频开始播放时
<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中?