Categories: 未分類

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





喜歡這篇文章的話,請幫這篇文章點個讚,或者到 雲爸的3C學園按個讚,快速得到最新的文章喔


有任何疑問,歡迎加入《3C問題互助團》社團這裡可以讓大家互相討論手機、電腦問題

不定時我也會在這邊舉辦抽獎,歡迎一起來聊聊

雲爸

你好,我是雲爸 為了表示親切,叫我爸就可以了~ 專注於各式3C產品的開箱評測,不囉唆不贅字