首页  /  分享世界  /  三十三画的分享世界  /  论坛引用外链哔哩哔哩视频实现自适应
 发布信息

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

  2634 
 0
 0
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;
    }
这样就可以实现自适应了。

本文章最后由 admin2021-08-09 01:52 编辑
标签:
三十三画:    楼主 2021-06-07 17:53:09
回复列表

0

guest
登录之后更精彩~
您的IP: 3.144.102.239 , 2024-04-20 08:07:36
模切世界,全球模切人的世界!Die cutting world, the world of global die cutting people!
头像

积分:

粉丝:

签名:

 主页 关注 好友 消息
,