網頁怎麼調用BiliBili視頻？外站調用B站視頻播放器代碼

如果我們使用WordPress外掛提供的簡碼（例如：Smartideo插件）調用嗶哩嗶哩視頻播放器，可能在PC端會產生這種無法播放BiliBili視頻的情況▼

• 暫時不可用，但可以在源網站上播放
• 雖然可以在移動端如常播放，但需要在PC端跳轉。
• 如果不太麻煩，可以查看以下內容。

外站調用B站視頻播放器代碼

我在這里分享一段代碼，以便每個人可以在自己的WordPress博客網站上，都可以在PC端直接顯示Bilibili的視頻。

先看一下效果 ▼

<iframe src="//player.bilibili.com/player.html?aid=838720351&bvid=BV1eg4y1v7bZ&cid=206788163&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

如何獲取網頁調用嗶哩嗶哩視頻播放器代碼？

1. 首先，在進入B站上想要調用的視頻；
   
2. 點擊下方的“分享” →“嵌入代碼”旁的“複製” ▼

點擊複製之後，我們就能獲取到嗶哩嗶哩視頻播放器代碼了。

<iframe src="//player.bilibili.com/player.html?aid=328895392&bvid=BV1MA411v7Hx&cid=213200245&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>

構造和優化代碼

上面獲得的B站視頻調用代碼尚不能直接使用，需要對B站視頻調用代碼進行構造和優化。

以下一些是B站視頻調用的參數（這些參數需要放在 </iframe>之前） ▼

• width="100%"(視頻寬度，推薦為100%)
• height="600"(視頻高度，推薦為100%)
• high_quality="1" (1=最高畫質0=最低畫質)
• danmaku="0" (1=打開彈幕0=關閉彈幕)

構造優化代碼之後▼

<iframe src="//player.bilibili.com/player.html?aid=46366415&bvid=BV1Xb411H7v1&cid=81238398&page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true" width="100%" height="100%" high_quality="1" danmaku="1"> </iframe>

如何添加BiliBili視頻代碼到WordPress網站編輯器？

如果使用經典編輯器，請選擇“文本模式”，然後在編輯框裡的適當位置，添加構造好的代碼即可。

如果是古登堡編輯器，請選擇“自定義HTML”區塊，然後添加構造好的代碼即可 ▼

下方嗶哩嗶哩視頻，就是經過優化後的代碼的調用效果▼

• 此時，我們的網站調用的B站視頻，可以高清播放，並且是自適應的。
• 無需擔心由於固定的高度設置，而在手機上查看視頻而不會如常顯示。