在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” 允許全螢幕播放