iframe里放视频时，用js控制高度

最新推荐文章于 2022-07-15 22:04:16 发布

font-size

最新推荐文章于 2022-07-15 22:04:16 发布

阅读量589

点赞数

分类专栏：前端大全文章标签： javascript

本文链接：https://blog.csdn.net/qq_36812165/article/details/109220433

版权

本文主要讨论了在iframe中嵌入视频时遇到的高度控制问题。通过分析，提出可以通过JavaScript来解决这个问题。实现了根据视频内容自动调整iframe高度的功能，确保了良好的显示效果。提供了完整的代码示例。

摘要由CSDN通过智能技术生成

问题

很多网页中视频是通过iframe来显示的，但跟video标签比，iframe的高度似乎很难控制。

分析

<style type="text/css">
  #main {
    
        padding: 20px;
    }
    .video {
    
        margin: 20px auto;
        display: block;
    }
</style>
<body>
    <div id="main">
        <iframe class="video" frameborder="0" allowfullscreen="true" src="http://baishan.oversketch.com/2019/11/05/d07f2f1440e51b9680f4bcfe63b0ab67.MP4"></iframe>
        <video  class="video" src

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

font-size

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
iframe里放视频时，用js控制高度

问题很多网页中视频是通过iframe来显示的，但跟video标签比，iframe的高度似乎很难控制。分析<style type="text/css"> #main { padding: 20px; } .video { margin: 20px auto; display: block; }</style><body> <div id="main">
复制链接

扫一扫