關於部落格園內嵌入bilibili視訊
阿新 • • 發佈：2020-02-06
一、原理
使用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=’ 就可以了。
方法二(推薦)
我們在轉發視訊的時候直接可以看到嵌入程式碼
這是官方準備的嵌入程式碼，可以直接拿來用，但是顯示效果不是很理想，樣式不是我們希望的，需要調整一下。
<iframe src="//player.bilibili.com/player.html?aid=84267566&cid=145147963&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
從嵌入程式碼中我們直接得到了aid和cid
我們重新設定一下功能、大小、樣式，得到可用的HTML程式碼
<p><iframe src="//player.bilibili.com/player.html?aid=84267566&cid=145147963&page=1" frameborder="no" scrolling="no" width="95%" height="600"></iframe></p>
以後插入需要的bilibili視訊只需要改變上面的aid和cid就可以了！
三、嵌入方法
選擇tinyMCE編輯器，這是部落格園預設的編輯器，選擇編輯html原始碼，插入上面的程式碼即可。
四、示例
這裡給出2020拜年祭的《萬古生香》
萬古千秋，代代有玲瓏氣象！
風雲史往，頁頁賦秀骨生香！