博客內插入bilibili視頻


原理

使用iframe標簽,更改其中src的aid和cid,使其對應要插入的視頻,即可在文章內插入bilibili視頻

獲取cid

aid即為視頻的av號,cid有兩種獲取方式,一是通過bilibili分享按鈕直接可以看到嵌入代碼,將代碼內的cid復制即可(推薦),二是通過網頁源代碼查看(之前沒有注意到到還能直接從分享按鈕里看)。

這里簡單介紹一下通過網頁源代碼看的方法:

  1. 右鍵,查看網頁源代碼(不能F12,F12看不到cid)
  2. ctrl+f 搜索cid,即可找到對應的cid。

插入方法

使用tinymce編輯器,選擇編輯html原代碼,插入以下代碼即可

<iframe src="//player.bilibili.com/player.html?aid=對應aid&amp;cid=對應cid&amp;page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="95%" height="450">
</iframe>

注:不建議直接使用bilibili的嵌入代碼,樣式較丑,當然你會自己調的話也可以

示例

示例使用Umika的“秋山澪與折木奉太郎的愛情故事 // Our Tapes”,非常棒的AMV,絕對的神作


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM