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

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

 

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

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

Wordpress网页直接插入bilibili视频方法_js_03
Wordpress网页直接插入bilibili视频方法_css_04
Wordpress网页直接插入bilibili视频方法_javascript_05
Wordpress网页直接插入bilibili视频方法_html_06
Wordpress网页直接插入bilibili视频方法_css_07
Wordpress网页直接插入bilibili视频方法_js_08

粘贴代码:

<iframe src="//player.bilibili.com/player.html?aid=839629572&bvid=BV1Y54y1m743&cid=237240818&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=839629572&bvid=BV1Y54y1m743&cid=237240818&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>

 

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