Wordpress原比例插入bilibili视频

如果自己插入过B站视频的话基本都会遇到过视频播放显示不全的问题。

B站视频下放给出的默认嵌入代码是：

<iframe src="//player.bilibili.com/player.html?aid=925341116&bvid=BV1gT4y1V7VR&cid=181133425&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

直接用这个代码插入后是这样的：

其实只需要改一下嵌入代码即可

使用下方代码嵌入：

我们使用过程中将//player.bilibili.com/player.html?aid=925341116&bvid=BV1gT4y1V7VR&cid=181133425&page=1这个视频地址换成你要插入的地址即可。

本文目录Show

• 1. 第一种

第一种

原文<iframe src="//player.bilibili.com/player.html?aid=1300843353&bvid=BV1uu4m1A76Y&cid=1447144849&p=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

改成<iframe src="//player.bilibili.com/player.html?aid=1300843353&bvid=BV1uu4m1A76Y&cid=1447144849&p=1" width="100%" height="500" frameborder="0" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen"></iframe>

结尾page=1‘’的内容替换为width="100%" height="500" frameborder="0" scrolling="no" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts" allowfullscreen="allowfullscreen"></iframe>

效果