如何让iframe,object,embed标签完美自适应视频宽度高度？
作者：admin 分类：站长经验总结 时间：2025-05-16 浏览：
有时网站后台发布转载文章，而文章中带有视频，这个视频通常是采用iframe方式嵌入的。如下代码：
- <p class="video">
- <iframe src="https://www.xxx.com" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
- </p>
- .video {
- position: relative;
- padding-bottom: 56.25%;
- height: 0;
- overflow: hidden;
- }
- .video iframe,
- .video object,
- .video embed {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- }
重点就是要定义这个video，具体可以根据实际情况调整class
文章链接：https://eyhtml.com/xinwendongtai/570.html
文章标题：如何让iframe,object,embed标签完美自适应视频宽度高度？
文章版权：所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
本文最后更新发布于
文章标题：如何让iframe,object,embed标签完美自适应视频宽度高度？
文章版权：所发布的内容，部分为原创文章，转载请注明来源，网络转载文章如有侵权请联系我们！
本文最后更新发布于
2025-05-16