给wordpress优雅的插入BiliBili视频

BiliBili为我们所熟知,不少站长也喜欢把自己的视频插到网站里面,BiliBili官方网站也是提供了一段IFRAME代码供站长们直接复制粘贴使用

原效果实例:

不得不说,cou!

于是小石找到了一个更好的方案:

<iframe id="spkj" src="https://player.bilibili.com/player.html?aid=视频AV号&page=1" width="100%" frameborder="no" scrolling="no" allowfullscreen="allowfullscreen"><span data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;" class="mce_SELRES_start"></span> </iframe>
<script type="text/javascript">  
document.getElementById("spkj").style.height=document.getElementById("spkj").scrollWidth*0.76+"px";
</script>

效果如下

这样是不是舒服很多哇 :oops: