米
首页
心情
图集
所有
搜索
登录
利用js修改iframe框的高度，使其能够自适应
2021-02-02
52.71w热度
相信很多草根站长在做视频的时候是引用第三方的，如优酷，爱奇艺等等，那么怎么将这里引用的视频iframe框使其自适应呢？我们需要这样操作。 ``` <iframe id="playerBox" width="100%" src='https://player.youku.com/embed/XNDcwMjYxOTczMg==' frameborder=0 'allowfullscreen'></iframe> <script> //计算视频窗口的高度 自适应各端 var w = $("#playerBox").width(); var h = w*9/16; $("#playerBox").height(h); </script> ``` 以上方式就可以设置一个9比16的自适应的iframe框了。
注:原创不易,转载请注明出处(
https://micuu.com/new/1374.html
)，本站所有资源来源于网络收集，如有侵权请联系QQ245557979进行清除。
最后修改与 2022-02-19
上一篇：
百度搜索引擎优化标准seo优化标准参考
下一篇：
php自带函数，列出目录下指定扩展名的文件
▶
珍藏视频
▶
10分钟高效燃脂
▶
30天高效瘦脸操
▶
5分钟缓解颈椎操
友人
→
微博
→
全民K歌
→
唱吧
→
今日头条
→
悠悠网
→
科技小锅盖
→
彼岸桌面
→
阮一峰
→
laravel社区
→
V2ex
→
掘金
+
更多
