b2主题文章内插入B站自适应视频

效果展示

【王老菊】《Empty Love》_哔哩哔哩_bilibili ——视频链接

教学

将以下代码放入footer.php顶部

<script type="text/javascript"> 
if(document.getElementById("wailianvideo")){
document.getElementById("wailianvideo").style.height=document.getElementById("wailianvideo").scrollWidth*0.64+"px";
}
</script> 
<style>
@media screen and (max-width: 768px){
.entry-content iframe {
    height: 250px !important;
  }
}
</style>

然后在B站获取视频的aid

如图所示，会获取到如下文本

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

其中aid=xxxxx(数字)就是视频的aid，将其复制进以下代码的相应位置

<iframe id="mcvideo" src="//player.bilibili.com/player.html?aid=获取的aid放在此处&page=1&high_quality=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width=100%> </iframe>

在古腾堡编辑器中选择“自定义html”放入代码即可