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

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

<iframe src=”//player.bilibili.com/player.html?aid=81502772&;amp;cid=139471736&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&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>
黑色加粗是加的宽窄自适应代码。
视频效果参考这篇文章:
缺点有一个就是如果想在当前页面播放,必须去主动点击左下角的播放按钮,如果点中央或者其他区域会自动跳转到B站播放。(无疑增加了播放率….😂)