帮助:插入哔哩哔哩视频

来自bilibili游戏中心 - WIKI
（重定向自插入哔哩哔哩视频）
跳到导航 跳到搜索

前言

  • 由于WIKI源生态出于安全的角度考虑，没有办法直接解析<iframe>标签。所以使用<iframe>进行嵌入的视频代码都会失效。

如何在文章中插入一段哔哩哔哩的视频

bvideo

  • BWIKI平台预制插件。

样式代码

请务必将下列代码粘贴到对应WIKI的" MediaWiki:Common.css "页面 

/*视频*/
.newplayer {
    padding-bottom: 80%;
    position: relative;
    width: 100%;
}
.video-player {
    width: 100%;
    position: absolute;
    height: 100%;
} 
/*视频封面*/
.img-video {
    background-size: cover;
    border-radius: 4px;
    display: block;
    width: 160px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

语法

最简略引用方式： 

<div class="newplayer">
<bvideo class="video-player" src="//www.bilibili.com/blackboard/newplayer.html?aid=802171240&bvid=BV16y4y147ik&cid=311145238&page=1" > </bvideo>
</div>

效果预览

重要参数

  • aid=：未来会弃用，但是暂时还需要保留
  • bvid=：等号后面需要填入该视频的bvid。
  • cid=：多P视频中用于区别每一P视频的参数，P数不同的时候cid也是会变化的，所以多P视频中的某一P一定要填写正确的cid。
  • page=：如果视频为多P，可以通过这个参数来区分显示哪一P，如果不分P，则默认填1即可。
  • 其他参数
    • hq：是否是高清模式，默认为1（高清）不建议修改，否则手机端浏览视频会特别糊。
    • autoplay：是否自动播放，如果不需要视频在打开网页就播放，建议设置为空。设置为1则会在打开网页的时候自动播放。

获取参数

视频分享功能：每个视频下方都有分享按钮，点击之后可以看到下方嵌入部分， QQ截图20200324101507.png， 建议如果复制分享链接的时候从aid一直复制到page=x为止

  • 注意：B站视频默认播放器和BWIKI使用的不同，所以仅修改参数部分即可。BWIKI视频播放器能保证在BWIKI以及哔哩哔哩app中顺畅播放。

B站视频

详见：模板:B站视频

取自“https://wiki.biligame.com/wiki/index.php?title=帮助:插入哔哩哔哩视频&oldid=8205”