教你把 bilibili 影片嵌入WordPress 網站

 

在B站有很多影片資源可以分享，若想分想到自己的WP網站該怎麼做呢?

目前bilibili 其實有分享功能，在WP後台使用插入媒體，填入代碼後會變成下圖這樣，整個影片大小是跑掉的

因為B站預設的外站引用解析度是最低的，因此所以不能直接貼上代碼

需要加上一段代碼，讓B站影片能跟隨自家網站的大小來做改變：

 

1. 加入代碼修改影片顯示大小

 width=”100%” height=”600″

比如說我想要分享的影片代碼是這串

<iframe src=”//player.bilibili.com/player.html?aid=87759510&bvid=BV1t7411b7F7&cid=149940456&page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”> </iframe>

那我就在後面加入這串代碼(紅色是我加入的)

<iframe src=”//player.bilibili.com/player.html?aid=87759510&bvid=BV1t7411b7F7&cid=149940456&page=1″ scrolling=”no” border=”0″ frameborder=”no” framespacing=”0″ allowfullscreen=”true”width=”100%” height=”600″ > </iframe>

▼修改大小後的影片長這樣，這裡的寬度和高度可以根據自己的需求修改

2. 加入代碼修改影片解析度

前面加入https:，最後加入&high_quality=1

比如說我分享的網址是

//player.bilibili.com/player.html?aid=87759510&bvid=BV1t7411b7F7&cid=149940456&page=1

在// 前面加上 https:，最後面加上 &high_quality=1

https: //player.bilibili.com/player.html?aid=87759510&bvid=BV1t7411b7F7&cid=149940456&page=1 &high_quality=1

 

嵌入參數的意思

high_quality -> 是否高清【1: 高清(最高1080p) / 0: 最低解析度(預設)】

page -> 起始下標為1 (預設為1)

as_wide -> 是否寬屏【1: 寬屏, 0: 小屏】

danmaku -> 是否開啟彈幕【1: 開啟(預設), 0: 關閉】

allowfullscreen -> allowfullscreen= “ture” 允許全螢幕播放