标签归档:bilibli

Main Qimg 5c674c2687141d52b4bfbf62083f7710

B站bilibili视频插入WordPress的方法

b站子代html分享代码,但如果原封不动复制在wordpress里面,会不适应,窗口很小,外面只需要改动一下分享代码就可以完美自适应,每次都要修改哦。

B站bilibili视频插入Wordpress的方法
B站bilibili视频插入Wordpress的方法

找到b站视频的分享按钮,点击复制,复制后的代码如下:

Snip20240712 7

<iframe src=”//player.bilibili.com/player.html?aid=81502772&;amp;cid=139471736&amp;page=1″scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”> </iframe>

再结尾</iframe>前面加上 style=”width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;” 到代码内,这里调整的是播放界面在网站中显示的大小,可以更改高度和宽度。

变成了如下:

<iframe src=”//player.bilibili.com/player.html?aid=81502772&;amp;cid=139471736&amp;page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true” style=”width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;”> </iframe>

黑色加粗是加的宽窄自适应代码。

视频效果参考这篇文章:

贵阳街头15元自助快餐,20多个现炒菜品,出租车司机最爱

缺点有一个就是如果想在当前页面播放,必须去主动点击左下角的播放按钮,如果点中央或者其他区域会自动跳转到B站播放。(无疑增加了播放率….😂)

本文借鉴与:https://www.bilibili.com/read/cv4646159/