首页>文档>上网>如何在wordpress中插入B站视频

如何在wordpress中插入B站视频

在你需要插入的任一bilibili视频中,点击页面播放器下方的“转发”链接,找到“嵌入代码”并复制。嵌入代码格式如下——

<iframe src="//player.bilibili.com/player.html?aid=329710328&bvid=BV1JA411J7DR&cid=239974037&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

将其中的 ” aid=329710328&bvid=BV1JA411J7DR&cid=239974037&page=1 ” 复制出来,替换我所提供的代码,链接包含aid、bvid、cidpage值。

参考代码如下:

<div style="position: relative; padding: 30% 45%;">
<iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="//player.bilibili.com/player.html?aid=455522995&bvid=BV1J541147Hg&cid=189084502&page=1&as_wide=1&high_quality=1&danmaku=0" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts"></iframe>
</div>

代码可根据个人需要自由修改,本代码有以下优点:

1.自适应PC、Mac、iPad、手机等终端的游览器;

2.默认打开宽屏模式;

3.关闭恼人的弹幕功能;

4.默认启用高清晰度播放,如视频支持1080P,以1080P清晰度播放;

5.更改清晰度,或点击播放器的图标等情况,不会跳转到bilibili主站;

6.除了支持WordPress,还支持Typecho、Hexo、Ghost等支持HTML代码的程序。

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索