Wordpress网页直接插入bilibili视频方法
网页直接插入bilibili视频方法
先在视频页将鼠标移到分享按钮,复制下方的嵌入代码:

在文章编辑页,插入自定义html模块,如图:

粘贴代码:
<iframe src=”//player.bilibili.com/player.html?aid=81502772&cid=139471736&page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”> </iframe>
再加上 style=”width: 100%; height: 500px; max-width: 100%;align:center; padding:20px 0;” 到代码内,这里调整的是播放界面在网站中显示的大小,可以更改高度和宽度。
结果如下:
<iframe src=”//player.bilibili.com/player.html?aid=81502772&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>
演示地址:https://www.mainstriker.com/archives/967
您好,想请教一个问题,就是我按照您讲解的方法,将B站的视频链到wordpress中,但是画面比例不对,而且无法关闭弹幕。不知道是怎么回事,所以麻烦您了。
iframe src=”//player.bilibili.com/player.html?aid=799377968&bvid=BV1gy4y1a7LR&cid=306009307&page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ width=”100%” height=”500″ allowfullscreen=”true” 加一个width=”100%” height=”500″ 数值可以根据需要调整