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

发布时间：2021-12-29 13:21 所属栏目：19 来源：互联网

导读：我们在调用视频时，通常发现优酷等视频窗口的大小不好控制，怎么办呢？这次我需要调用一个视频，要求视频要同时使用PC端和手机端，经过研究认为使用可以通过iframe标签自适应视频的高度和宽度来达到目的。代码如下： iframe id=movie src=http://player.you

我们在调用视频时，通常发现优酷等视频窗口的大小不好控制，怎么办呢？

这次我需要调用一个视频，要求视频要同时使用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>

（编辑：ASP站长网）