直接在分享那里复制html代码就行了

这里主要解决移动端适配问题

添加如下CSS样式：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/*哔哩哔哩视频适配*/
.bilibili{
    position: relative;
    width: 100%;
    height: 0;              /*高度设置这里无效，设置为0，用padding撑开div*/
    padding-bottom: 75%;    /*68%到80%都可以*/
/*padding的百分比是相对于父元素宽度，如果父元素有宽度，相对于父元素宽度，如果没有，找其父辈元素的宽度，均没设宽度时，相对于屏幕的宽度。*/
}
.bilibili iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

引用的时候在外层嵌套一个div就行了

1
2
3
<div class="bilibili">
<iframe src="//player.bilibili.com/player.html?aid=328619235&bvid=BV15A411i7ov&cid=203733253&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
</div>