这是一个拖了很久的想法(

打开想要插入的视频,视频下方点击“分享”,再点击“嵌入代码”,会得到一串类似的代码↓

<iframe src="//player.bilibili.com/player.html?isOutside=true&aid=813694872&bvid=BV1j34y1n7Gt&cid=782242064&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"></iframe>

如果直接用这段代码,播放器的样式会很丑(下图样式)我们只需要做一点改动即可。

在上述代码的allowfullscreen="true"之后,添加一个空格,再紧跟着添加代码

style="width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;"

合起来就是:

<iframe src="https://player.bilibili.com/player.html?isOutside=true&aid=813694872&bvid=BV1j34y1n7Gt&cid=782242064&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" style="width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;"></iframe>

高亮的代码是后来添加的代码

ok,保存一下,效果展示:

完美。