; ;

0°

发表于：2020-2-11 16:49:50

WordPress网页直接插入bilibili视频方法

Wordpress网页直接插入bilibili视频方法

网页直接插入bilibili视频方法

先在视频页将鼠标移到分享按钮，复制下方的嵌入代码：

Wordpress网页直接插入bilibili视频方法

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

Wordpress网页直接插入bilibili视频方法

粘贴代码：

<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

赞赏

建站技巧# 建网站11 # 网站视频1

2 条回复 A 作者 M 管理员

Berlin 2021-2-19 23:31:42 1

您好，想请教一个问题，就是我按照您讲解的方法，将B站的视频链到wordpress中，但是画面比例不对，而且无法关闭弹幕。不知道是怎么回事，所以麻烦您了。
- 凯菲上尉AM@Berlin 2021-3-4 22:48:15
  
  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″ 数值可以根据需要调整
  
  已喜欢已反对