1 外站調(diào)用B站視頻播放器代碼

• 2 如何獲取網(wǎng)頁(yè)調(diào)用嗶哩嗶哩視頻播放器代碼？
  • 2.1 構(gòu)造和優(yōu)化代碼
• 3 如何添加BiliBili視頻代碼到WordPress網(wǎng)站編輯器？

如果我們使用WordPress插件提供的簡(jiǎn)碼（例如：Smartideo插件）調(diào)用嗶哩嗶哩視頻播放器，可能在PC端會(huì)產(chǎn)生這種無(wú)法播放BiliBili視頻的情況 ▼

• 暫時(shí)不可用，但可以在源網(wǎng)站上播放
• 雖然可以在移動(dòng)端如常播放，但需要在PC端跳轉(zhuǎn)。
• 如果不太麻煩，可以查看以下內(nèi)容。

外站調(diào)用B站視頻播放器代碼

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

先看一下效果?▼

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

如何獲取網(wǎng)頁(yè)調(diào)用嗶哩嗶哩視頻播放器代碼？

1. 首先，在進(jìn)入B站上想要調(diào)用的視頻；
   
2. 點(diǎn)擊下方的“分享” →“嵌入代碼”旁的“復(fù)制” ▼

點(diǎn)擊復(fù)制之后，我們就能獲取到嗶哩嗶哩視頻播放器代碼了。

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

構(gòu)造和優(yōu)化代碼

上面獲得的B站視頻調(diào)用代碼尚不能直接使用，需要對(duì)B站視頻調(diào)用代碼進(jìn)行構(gòu)造和優(yōu)化。

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

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

構(gòu)造優(yōu)化代碼之后 ▼

<iframe src="http://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網(wǎng)站編輯器？

如果使用經(jīng)典編輯器，請(qǐng)選擇“文本模式”，然后在編輯框里的適當(dāng)位置，添加構(gòu)造好的代碼即可。

如果是古登堡編輯器，請(qǐng)選擇“自定義HTML”區(qū)塊，然后添加構(gòu)造好的代碼即可?▼

下方嗶哩嗶哩視頻，就是經(jīng)過(guò)優(yōu)化后的代碼的調(diào)用效果 ▼

• 此時(shí)，我們的網(wǎng)站調(diào)用的B站視頻，可以高清播放，并且是自適應(yīng)的。
• 無(wú)需擔(dān)心由于固定的高度設(shè)置，而在手機(jī)上查看視頻而不會(huì)如常顯示。

希望我們網(wǎng)站（ https://www.wordpressx.com/ ） 分享的《網(wǎng)頁(yè)怎么調(diào)用BiliBili視頻？外站調(diào)用B站視頻播放器代碼》，對(duì)您有幫助。