WordPress插入哔哩哔哩(bilibili)视频

今天和大家分享怎样在WordPress插入哔哩哔哩(bilibili)视频。

由于本人另外一个学习粤语的网站 – 粤语百科,需要分享关于粤语教学的视频内容。辛辛苦苦从Youtube上面把相关教程下载到本地,然后再编辑,上传到哔哩哔哩。后来发现通过网站发布链接,再跳转到bilibili,对大家的学习会造成时间上到浪费。

西西里就研究一下怎样把B站的视频镶嵌到WordPress文章里面,Google一下,排名靠前的其实方法都不是很好,反而搜索引擎后面几页的提供的方法,效果更好。于是记录并分享一下;

代码如下

<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>

效果如下

WordPress插入哔哩哔哩(bilibili)视频
WordPress插入哔哩哔哩(bilibili)视频 效果图

版权所有,如未注明,均为原创,转载请注明
本文链接:https://xixi.li/wordpress-inserts-bilibili-video.html
本文标题:WordPress插入哔哩哔哩(bilibili)视频

发表评论

电子邮件地址不会被公开。 必填项已用*标注