iframe视频自适应尺寸的方法,完美解决视频尺寸问题!

今天在处理另一个项目时,需要iframe 嵌套哔哩哔哩的视频,按哔哩哔哩的分享按钮直接粘贴嵌入html。结果问题来了,PC端显示的尺寸极小,移动端页面尺寸正常。
4146474799.png
为了兼顾所有用户,所以必须得调整,云站友也尝试了多种方法,有嵌套中在嵌套的,各种各样的都有,云站友这里分享个简单粗暴的:

<iframe id="video" src="https://www.root.tax" width="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>

注意:src=“你的框架地址”,自行修改!这两段够粗暴,直接复制粘贴就能完美解决iframe尺寸问题。来张成品图吧
148165399.png

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容