优酷视频等iframe标签自适应视频的高度和宽度

2016-07-22 17:32:50
第一课程网
1kecheng.com
摘要:我们在调用视频时,通常发现优酷等视频窗口的大小不好控制,怎么办呢?这次我需要调用一个视频,要求视频要同时使用PC端和手机端,经过研究认为使用可以通过<iframe>标签自适应视频的高度和宽度来达到目的。代码如下: <iframe id="movie" src="http://player.youku.com/embed/XNjc0MTg3NjU2" frameborder=0 allowfulls

我们在调用视频时,通常发现优酷等视频窗口的大小不好控制,怎么办呢?T7b站长课程_免费SEO教程_第一课程网_渴成网

这次我需要调用一个视频,要求视频要同时使用PC端和手机端,经过研究认为使用可以通过<iframe>标签自适应视频的高度和宽度来达到目的。T7b站长课程_免费SEO教程_第一课程网_渴成网

代码如下: T7b站长课程_免费SEO教程_第一课程网_渴成网

  1. <iframe id="movie" src="http://player.youku.com/embed/XNjc0MTg3NjU2" frameborder=0 allowfullscreen quality="high"width="100%"></iframe>   
  2. <script type="text/javascript">   
  3. document.getElementById("movie")   
  4. .style.height=document.getElementById("movie")   
  5. .scrollWidth*0.8+"px"  
  6. </script>  

 T7b站长课程_免费SEO教程_第一课程网_渴成网

 

发表评论 共有条评论
联系我们
站长课程: web.1kecheng.com
站长工具: tool.1kecheng.com
手工小制作: diy.1kecheng.com
Email: firstkecheng@163.com
微信: 第一课程网
我们的宗旨: 用心整理每一篇文章,为渴望成功人士提供最准确最简单的帮助。