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

可乐 小轻IP 关注 七级站长 VIP
发表于站长交流区版块

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;
    }

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


评论列表 评论
发布评论

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

已有0次打赏
(2) 分享
分享

请保存二维码或复制链接进行分享

取消