B站视频嵌入网站的自适应和防跳站代码

之前在博客里添加B站视频时，发现无论电脑端还是手机端，大小尺寸总不尽如人意，后来发现嵌入代码少了几句只要添加后就可以做到无论PC还是手机端都可以自适应，所以就当做个笔记记录一下

用下面这段代码，只需要替换aid即可：

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=43090056&bvid=BV1jb411S793&cid=75542427&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100% sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"> </iframe>
<script type="text/javascript">  
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>

其中的iframe中代码：

sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"

可以使点击的弹出链接失效，避免外链跳出本站，如果不需要这个效果，删掉这段代码即可。

在iframe中加入以下代码可使移动端全屏

allowfullscreen="allowfullscreen" #移动端全屏

弹幕的取舍：

&danmaku=0   (1=打开弹幕 0=关闭弹幕)

如果在主题的自定义CSS中加入了视频挂载代码之后，可以在iframe标签中加入以下代码，不过这代码和自定义中的挂载代码可能只是针对其他wp主题，而子比主题可能已经自带了两个功能，所以可自行测试

class="iframe_video"

最后附上网络找到的可以直接外链播放普通BV,AV或多P视频的地址

外链播放：https://xbeibeix.com/api/bilibili/biliplayer/?url=【这里输入视频地址结尾的BV号】