二渔技术教程 2021-05-29

wordpress怎么自适应插入bilibili视频

前几天二渔的一个粉丝在做另一个站的时候需要插入B站的视频，但是随后发现了一个严重的问题，bilibili的分享代码在wordpress上不会自适应，这就很麻烦了，经过测试bilibili给的分享代码只有在手机版才会适应，在电脑版只有很小的一块。

原版分享代码插入演示

这里我用原版的分享代码插入来形成一个对比。原版的分享代码可以在下图的位置得到。

<iframe src=“//player.bilibili.com/player.html?aid=760386528&cid=760386528&page=1” scrolling=“no” border=“0” frameborder=“no” framespacing=“0” allowfullscreen=“true”> </iframe>

修改版分享代码插入演示

修改后的分享代码已经实现了自适应，不管是电脑版还是手机版都不会出现太大或者太小，无法全屏的问题，下面是修改版的代码。

<div><iframe id=”spkj” src=”https://player.bilibili.com/player.html?aid=你要分享的AV号&page=1″ width=”100%” frameborder=”no” scrolling=”no” allowfullscreen=”allowfullscreen”> </iframe>
<script type=”text/javascript”>
document.getElementById(“spkj”).style.height=document.getElementById(“spkj”).scrollWidth*0.76+”px”;
</script></div>

将你要分享的视频av号在代码中替换，av号就是bilibili链接里av后面的一串数字，比如我上面插入的视频链接是：

https://www.bilibili.com/video/av760386528/

760386528就是这个视频的av号。

wordpress插件

本站二渔石湾「www.eryushiwan.cn」资源原创来自互联网收集，仅供用于学习和交流，请勿用于商业用途。如有侵权、不妥之处，请联系站长邮箱「654982159@qq.com」并出示版权证明以便删除，对你造成不便，敬请谅解！
二渔石湾 » wordpress怎么自适应插入bilibili视频

二渔钻石

分享到：

wordpress怎么自适应插入bilibili视频

二渔钻石

1 评论

发表评论取消回复

二渔 钻石

相关推荐

1 评论

发表评论 取消回复

提供最优质的资源集合

二渔钻石

发表评论取消回复