帮助:插入哔哩哔哩视频
(重定向自插入哔哩哔哩视频)
跳到导航
跳到搜索
如果是第一次来,按"Ctrl+D"可以收藏随时查看更新~觉得WIKI好玩的话,请推荐给朋友哦~(◕ω<)☆
按右上角“WIKI功能→编辑”即可修改页面内容。
按右上角“WIKI功能→编辑”即可修改页面内容。
前言
- 由于WIKI源生态出于安全的角度考虑,没有办法直接解析<iframe>标签。所以使用<iframe>进行嵌入的视频代码都会失效。
如何在文章中插入一段哔哩哔哩的视频
- 语法:钩bvideo
<div class="newplayer">
<bvideo class="video-player" src="//www.bilibili.com/blackboard/newplayer.html?aid=93648366&bvid=BV16E411s7Ay&cid=159897964&page=1&crossDomain=1&autoplay=&allowfullscreen=0&hq=1&from=wiki" scrolling="no" border="0" frameborder="no" onload="changeFrameHeight()" framespacing="0" allowfullscreen="false" portrait_full_screen="true" hq="true" > </bvideo>
</div>
快速替换方式
第一步
在你的视频下面点击分享,把嵌入代码这里获取视频真实地址
复制提取这行代码中的src="视频地址"
复制出来我们只需要这段
第二步
替换下方视频地址即可
<div class="newplayer">
<bvideo class="video-player" src="在此替换视频地址" scrolling="no" border="0" frameborder="no" onload="changeFrameHeight()" framespacing="0" allowfullscreen="false" portrait_full_screen="true" hq="true" > </bvideo>
</div>
分P怎么办
- WIKI目前不支持同框分P。所以你新增一段,并复制一遍1P代码(可以用如何为段落设定格式来间隔两个P分段)
- 将&page=1改成&page=2就可以了
- 需要设置详细参数的看下一段教程
重要参数
- aid=:未来会弃用,但是暂时还需要保留
- bvid=:等号后面需要填入该视频的bvid。
- cid=:多P视频中用于区别每一P视频的参数,P数不同的时候cid也是会变化的,所以多P视频中的某一P一定要填写正确的cid。
- page=:如果视频为多P,可以通过这个参数来区分显示哪一P,如果不分P,则默认填1即可。
- 如何获得这些参数?
- 视频分享功能:每个视频下方都有分享按钮,点击之后可以看到下方嵌入部分,
,建议如果复制分享链接的时候从aid一直复制到page=x为止
- 注意:B站视频默认播放器和BWIKI使用的不同,所以仅修改参数部分即可。BWIKI视频播放器能保证在BWIKI以及哔哩哔哩app中顺畅播放。
- 视频分享功能:每个视频下方都有分享按钮,点击之后可以看到下方嵌入部分,
- 其他参数
- hq:是否是高清模式,默认为1(高清)不建议修改,否则手机端浏览视频会特别糊。
- autoplay:是否自动播放,如果不需要视频在打开网页就播放,建议设置为空。设置为1则会在打开网页的时候自动播放。
- 样式代码(请务必将下列代码粘贴到对应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;
}
- 效果预览