; ;
0°

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

赞赏
2 条回复 A 作者 M 管理员
  1. 您好,想请教一个问题,就是我按照您讲解的方法,将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″ 数值可以根据需要调整

欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论