优酷视频等iframe标签自适应视频的高度与宽度
发布时间：2021-12-29 13:47:51 所属栏目：经验 来源：互联网
导读：我们在调用视频时，通常发现优酷等视频窗口的大小不好控制，怎么办呢？ 这次我需要调用一个视频，要求视频要同时使用PC端和手机端，经过研究认为使用可以通过iframe标签自适应视频的高度和宽度来达到目的。 代码如下： iframe id=movie src=http://player.y
|
我们在调用视频时，通常发现优酷等视频窗口的大小不好控制，怎么办呢？ 这次我需要调用一个视频，要求视频要同时使用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> （编辑：海南站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐