博客內插入bilibili視頻

原理

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

獲取cid

aid即爲視頻的av號,cid有兩種獲取方式,一是經過bilibili分享按鈕直接能夠看到嵌入代碼,將代碼內的cid複製便可(推薦),二是經過網頁源代碼查看(以前沒有注意到到還能直接從分享按鈕裏看)。編輯器

這裏簡單介紹一下經過網頁源代碼看的方法:spa

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

插入方法

使用tinymce編輯器,選擇編輯html原代碼,插入如下代碼便可code

<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,絕對的神做htm

相關文章
相關標籤/搜索