一、原理

使用iframe標簽，更改其中src對應bilibili視頻的aid和cid，組裝新的HTML源碼，即可在文章內嵌入bilibili視頻。

二、獲取aid和cid

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

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

方法一

先觀察視頻的URL

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

其中84267566就是av號。

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

方法二(推薦)

我們在轉發視頻的時候直接可以看到嵌入代碼

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

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

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

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

三、嵌入方法

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

四、示例

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

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

風云史往，頁頁賦秀骨生香！

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。