夏易网络

您的当前位置:首页 > 新闻动态 > 网站建设学堂 >

优酷视频、腾讯视频电脑手机浏览器自适应宽高度的方法

2019-07-05 01:40:25   来源:本站原创   评论:0 点击:
优酷视频、腾讯视频电脑手机浏览器自适应宽高度的方法,$(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>
新闻动态
网站建设学堂
网站优化学堂
网络行业新闻
夏易网络动态
推荐文章
如何查看网站哪些图片或文件影响网站打开速度?
如何让网站打开速度更快之图片压缩
大型企业网站建设需要注意的几个问题
高端企业网站建设PK低端企业网站建设
网站SEO优化是什么意思?
  • 网建
  • 优化
  • 资讯
  • 案列
  • 客服 有事点这里 有事点这里