Hoe BiliBili-video op een webpagina bellen?Het externe station roept de videospelercode van station B . op

als we gebruikenWordPress-plug-inDe verstrekte shortcode (bijvoorbeeld: Smartideo-plug-in) roept de Bilibili-videospeler aan,Er kan een situatie zijn waarin de BiliBili-video niet kan worden afgespeeld aan de pc-kant▼

• tijdelijk niet beschikbaar, maar speelbaar op de bronsite
• Hoewel het zoals gewoonlijk op de mobiele terminal kan worden afgespeeld, moet het aan de pc-kant springen.
• Als het niet te veel moeite is, kun je het volgende controleren.

Het externe station roept de videospelercode van station B . op

Ik deel hier een stukje code zodat iedereen de video van Bilibili rechtstreeks op de pc-kant van hun WordPress-blogsite kan weergeven.

Bekijk eerst het effect

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

Hoe krijg ik de code van de webpagina om de Bilibili-videospeler te bellen?

1. Voer eerst de video in die u wilt bellen op station B;
   
2. Klik hieronder op "Delen" → "Kopiëren" naast "Code insluiten" ▼

Nadat we op Kopiëren hebben geklikt, kunnen we de Bilibili-videospelercode krijgen.

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

Code maken en optimaliseren

De hierboven verkregen videobelcode van station B kan niet direct worden gebruikt en de videobelcode van station B moet worden geconstrueerd en geoptimaliseerd.

Hieronder volgen de parameters van de video-oproep van station B (deze parameters moeten in </iframe>voor)

• width="100%"(Videobreedte, 100% aanbevolen)
• height="600"(Videohoogte, 100% aanbevolen)
• high_quality="1" (1=hoogste kwaliteit 0=laagste kwaliteit)
• danmaku="0" (1=Open Bullet Chat 0=Sluit Bullet Chat)

Na het construeren van geoptimaliseerde 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>

Hoe BiliBili-videocode toevoegen aan de WordPress-site-editor?

Als u de klassieke editor gebruikt, selecteert u "Tekstmodus" en voegt u vervolgens de geconstrueerde code toe op de juiste positie in het bewerkingsvak.

Selecteer voor Gutenberg Editor het blok "Aangepaste HTML" en voeg de geconstrueerde code toe

De onderstaande Bilibili-video is het aanroepende effect van de geoptimaliseerde code▼

• Op dit moment kan de video van station B die door onze website wordt opgeroepen, worden afgespeeld in high-definition en is adaptief.
• U hoeft zich geen zorgen te maken dat video's op uw telefoon niet zoals gewoonlijk worden weergegeven vanwege de vaste hoogte-instelling.