Wie kann ich BiliBili-Video auf der Webseite aufrufen?Die externe Station ruft den Videoplayer-Code von Station B

Wenn wir verwendenWordPress-PluginDer bereitgestellte Shortcode (z. B. Smartideo-Plugin) ruft den Bilibili-Videoplayer auf,Es kann vorkommen, dass das BiliBili-Video auf der PC-Seite nicht abgespielt werden kann▼

• vorübergehend nicht verfügbar, aber auf der Quellseite spielbar
• Es lässt sich zwar wie gewohnt auf dem mobilen Endgerät spielen, muss aber auf die PC-Seite springen.
• Wenn es nicht zu viel Mühe macht, können Sie Folgendes überprüfen.

Die externe Station ruft den Videoplayer-Code von Station B

Ich teile hier ein Stück Code, damit jeder das Video von Bilibili direkt auf der PC-Seite seiner WordPress-Blog-Site anzeigen kann.

Schauen Sie sich zuerst den Effekt an ▼

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

Wie erhalte ich den Code der Webseite, um den Bilibili-Videoplayer aufzurufen?

1. Geben Sie zuerst das Video ein, das Sie auf Station B anrufen möchten;
   
2. Klicken Sie unten auf „Teilen“ → „Kopieren“ neben „Einbettungscode“ ▼

Nachdem Sie auf Kopieren geklickt haben, können wir den Bilibili-Videoplayer-Code abrufen.

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

Erstellen und optimieren Sie Code

Der oben erhaltene Videoanrufcode der Station B kann nicht direkt verwendet werden, und der Videoanrufcode der Station B muss konstruiert und optimiert werden.

Das Folgende sind die Parameter des Videoanrufs von Station B (diese Parameter müssen in eingefügt werden </iframe>vorher) ▼

• width="100%"(Videobreite, 100 % empfohlen)
• height="600"(Videohöhe, 100 % empfohlen)
• high_quality="1" (1=höchste Qualität 0=niedrigste Qualität)
• danmaku="0" (1=Bullet-Chat öffnen 0=Bullet-Chat schließen)

Nach dem Erstellen von optimiertem Code▼

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

Wie füge ich BiliBili-Videocode zum WordPress-Site-Editor hinzu?

Wenn Sie den klassischen Editor verwenden, wählen Sie bitte „Textmodus“ und fügen Sie dann den konstruierten Code an der entsprechenden Position in das Bearbeitungsfeld ein.

Wählen Sie für den Gutenberg-Editor den Block „Benutzerdefiniertes HTML“ aus und fügen Sie den konstruierten Code hinzu ▼

Das Bilibili-Video unten ist der Anrufeffekt des optimierten Codes▼

• Zu diesem Zeitpunkt kann das von unserer Website aufgerufene Video von Station B in High Definition abgespielt werden und ist adaptiv.
• Sie müssen sich keine Sorgen machen, dass Videos auf Ihrem Telefon aufgrund der festen Höheneinstellung nicht wie gewohnt angezeigt werden.