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”放入代码即可

b2主题WordPress教学

b2主题手机版底部菜单圆角美化

2022-8-12 14:07:44

b2主题WordPress教学

b2更改用户等级颜色

2022-8-12 14:42:42

重要声明

本站资源大多来自网络,如有侵犯你的权益请联系管理员,我们会第一时间进行审核删除。站内资源为网友个人学习或测试研究使用,未经原版权作者许可,禁止用于任何商业途径!请在下载24小时内删除!

0 条回复 A文章作者 M管理员
表情包
  • AC娘01
  • AC娘02
  • AC娘03
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索