王国平博客

1、要引入的视频代码

<iframe frameborder="0" width="659" height="498" src="http://v.qq.com/iframe/player.html?vid=k0168cz6pd5&tiny=0&auto=0" allowfullscreen></iframe>

2、css里设置iframe的宽度为100%

3、根据屏幕宽度自适应，添加以下JS代码 这里我设定视频16/9的固定比例

<script type="text/javascript">

window.onload = window.onresize = function () {

    resizeIframe();

}

var resizeIframe=function(){

    var bodyw=document.body.clientWidth;

    for(var ilength=0;ilength<=document.getElementsByTagName("iframe").length;ilength++){

        document.getElementsByTagName("iframe")[ilength].height = bodyw*7/16;//设定高度

    }

}

</script>