优酷视频自适应宽高

必须iframe不然有些手机无法观看视频

方法:获取到宽度后,js一个高度补进去

弊端:无法即时调整宽高,必须刷新一遍网页

示例如下:

 


代码如下:

<iframe id="video" width="100%" src="http://player.youku.com/embed/XOTU2MTE1MDQw" frameborder="0" allowfullscreen=""></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>


未经允许不得转载:大谋菠萝格»优酷视频自适应宽高

打赏收藏
分享到:+