WebページでBiliBiliビデオを呼び出すには?外部ステーションは、ステーション B のビデオ プレーヤー コードを呼び出します。

使用する場合WordPressプラグイン提供されたショートコード (例: Smartideo プラグイン) は、Bilibili ビデオ プレーヤーを呼び出します。PC側でビリビリ動画が再生できない場合があります▼

• 一時的に利用できませんが、ソース サイトで再生できます
• モバイル端末では通常通り遊べますが、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>

Bilibili ビデオ プレーヤーを呼び出す Web ページのコードを取得するにはどうすればよいですか?

1. まず、ステーション B で呼び出したいビデオを入力します。
   
2. 下の「共有」をクリック→「埋め込みコード」横の「コピー」▼

[コピー] をクリックすると、Bilibili ビデオ プレーヤー コードを取得できます。

<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=Bullet チャットを開く 0=Bullet チャットを閉じる)

最適化コード構築後▼

<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>

WordPress サイトエディターに BiliBili ビデオコードを追加する方法は?

従来のエディターを使用する場合は、[テキスト モード] を選択し、作成したコードを編集ボックスの適切な位置に追加してください。

Gutenberg Editor の場合、「カスタム HTML」ブロックを選択し、構築されたコードを追加します ▼

下のビリビリ動画は最適化されたコードの呼び出し効果です▼

• このとき、当サイトから呼び出されたステーション B のビデオは、高解像度で再生でき、適応性があります。
• 固定の高さ設定により、携帯電話でビデオが通常どおりに表示されないことを心配する必要はありません。