论坛引用外链哔哩哔哩视频自适应 - 网络技能论坛 - 经验分享 - 小轻秀场

论坛引用外链哔哩哔哩视频自适应

B站分享使用的的iframe,插入到网页会显得很小,我们给他外部添加一个.bilibili的div

<div class="bilibili">
<iframe src="//player.bilibili.com/player.html?aid=32565024&bvid=BV1rW411U7XN&cid=56983085&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>

然后添加CSS样式

/*bilibili*/
.bilibili {
position: relative;
width: 100%;
height: 0;
padding-bottom: 75%;
}

.bilibili iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}

这样就可以实现自适应了。

请登录后发表评论

    没有回复内容