博客园嵌入b站视频的方法

本文主要是介绍博客园嵌入b站视频的方法，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

文章转载：https://www.cnblogs.com/wkfvawl/p/12268980.html

嵌入方法

<div style="position: relative; padding: 30% 45%;"><iframe style="position: absolute; width: 100%; height: 100%; left: 0; top: 0;" src="https:////player.bilibili.com/player.html?aid=60825795&amp;bvid=BV1kt411A7rb&amp;cid=212251496&amp;page=1&amp;high_quality=1" frameborder="no" scrolling="no" width="320" height="240"></iframe></div>

选择tinyMCE编辑器，这是博客园默认的编辑器，选择编辑html原代码，插入上面的代码即可。

url参数说明

https:////player.bilibili.com/player.html?aid=60825795&bvid=BV1kt411A7rb&cid=212251496&page=1&high_quality=1"

key	说明
aid	视频ID 就是B站的 avxxxx 后面的数字
cid	应该是客户端id, clientId 的缩写(推测的, 不一定准确) 经过测试, 这个字段不填也没关系
page	第几个视频, 起始下标为 1 (默认值也是为1) 就是B站视频, 选集里的, 第几个视频
as_wide	是否宽屏 1: 宽屏, 0: 小屏
high_quality	是否高清 1: 高清, 0: 最低视频质量(默认) 如视频有 360p 720p 1080p 三种, 默认或者 high_quality=0 是最低 360p high_quality=1 是最高1080p
danmaku	是否开启弹幕 1: 开启(默认), 0: 关闭

示例

<iframe frameborder="no" height="240" scrolling="no" src="https:////player.bilibili.com/player.html?aid=60825795&bvid=BV1kt411A7rb&cid=212251496&page=1&high_quality=1" style="position: absolute; width: 100%; height: 100%; left: 0; top: 0" width="320"></iframe>

这篇关于博客园嵌入b站视频的方法的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！