优酷视频自适应宽高

分类: 杂七杂八时间:  5年前 (2015-05-16)阅读:  5099评论:  3

必须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>


评论列表:

  •   访客
      发布于 4年前 (2016-09-03)  回复Ta
  • 多个视频无法控制,只能控制一个视频页面

  •   大众科幻
      发布于 4年前 (2016-07-07)  回复Ta
  • 老大,请问api播放器怎么自适应?用这个方法不好使了,优酷api里的js也控制高度,冲突了。