很多时候,站长在自己网站发布文章会使用腾讯、优酷、爱奇艺、搜狐频网站上的视频,这些视频网站给出的通用代码放到网页后体验并不理想,因此在调用这些视频需要优化处理一下。

优化方法:


<iframe id="video" width="100%" src="https://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>


将以上代码粘贴到网页中,替换上面src=后面黄色标记的视频链接地址即可。

注意:建议站长在获取链接地址时,先复制腾讯、优酷、爱奇艺、搜狐等视频网站的通用代码,然后在通用代码中找到src="视频地址"。

以下代码也可以:

优酷视频、腾讯视频电脑手机浏览器自适应宽高度的方法,$(window).scroll 滚动条滚动时触发执行,window.onload页面加载完成触发执行。

<iframe allowfullscreen="" frameborder="0" id="video" src="http://player.youku.com/embed/XOTU2MTE1MDQw" width="100%"></iframe>

<script type="text/javascript">

$(window).scroll(function(){

document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"

});

window.onload=function(){

document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px" 

}

</script>