优酷视频自适应宽高

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


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

打赏 收藏
分享到: +

评论 3

换个身份

  • 昵称 (必填)
  • 邮箱 (选填)
  • 网址 (选填)
  1. #3
    访客
    多个视频无法控制,只能控制一个视频页面
    访客 2016-09-03 10:32:17回复 取消评论
  2. #2
    大众科幻
    老大,请问api播放器怎么自适应?用这个方法不好使了,优酷api里的js也控制高度,冲突了。
    大众科幻 2016-07-07 15:46:31回复 取消评论
  3. #1
    我在善记事博客
    那个duxx怎么安装不了呢?