一、原理

使用iframe標(biāo)簽，更改其中src對(duì)應(yīng)bilibili視頻的aid和cid，組裝新的HTML源碼，即可在文章內(nèi)嵌入bilibili視頻。

二、獲取aid和cid

aid為視頻的av號(hào)，但是每個(gè)av號(hào)下不一定只有1p，所以B站用cid來管理視頻的真正id，那么也可以說如果視頻只有1p，那么cid就無用了，我測(cè)試直接填1也是可以的。

這里介紹兩種獲取aid和cid的方法：

方法一

先觀察視頻的URL

https://www.bilibili.com/video/av84267566?from=search&seid=13400362594908841480

其中84267566就是av號(hào)。

或者直接點(diǎn)，右鍵——查看網(wǎng)頁源代碼——ctrl+f——搜索'aid='、‘cid=’ 就可以了。

方法二(推薦)

我們?cè)谵D(zhuǎn)發(fā)視頻的時(shí)候直接可以看到嵌入代碼

這是官方準(zhǔn)備的嵌入代碼，可以直接拿來用，但是顯示效果不是很理想，樣式不是我們希望的，需要調(diào)整一下。

從嵌入代碼中我們直接得到了aid和cid

我們重新設(shè)置一下功能、大小、樣式，得到可用的HTML代碼

以后插入需要的bilibili視頻只需要改變上面的aid和cid就可以了！

三、嵌入方法

選擇tinyMCE編輯器，這是博客園默認(rèn)的編輯器，選擇編輯html原代碼，插入上面的代碼即可。

四、示例

這里給出2020拜年祭的《萬古生香》

萬古千秋，代代有玲瓏氣象！

風(fēng)云史往，頁頁賦秀骨生香！

總結(jié)

以上是生活随笔為你收集整理的html中怎样插入视频博客园,关于博客园内嵌入bilibili视频的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。