优酷视频等iframe标签自适应视频的高度和宽度
2018-10-17 站长 站长日志
我们在调用视频时，通常发现优酷等视频窗口的大小不好控制，怎么办呢？
这次我需要调用一个视频，要求视频要同时使用PC端和手机端，经过研究认为使用可以通过<iframe>标签自适应视频的高度和宽度来达到目的。
代码如下：
<iframe id="movie" src="http://player.youku.com/embed/XNjc0MTg3NjU2" frameborder=0 allowfullscreen quality="high"width="100%"></iframe> <script type="text/javascript"> document.getElementById("movie") .style.height=document.getElementById("movie") .scrollWidth*0.8+"px" </script> |