Comment appeler la vidéo BiliBili sur la page Web ?Le poste extérieur appelle le code lecteur vidéo du poste B

si nous utilisonsPlugin WordPressLe shortcode fourni (par exemple : plugin Smartideo) appelle le lecteur vidéo Bilibili,Il peut y avoir une situation où la vidéo BiliBili ne peut pas être lue sur le côté PC▼

• temporairement indisponible, mais jouable sur le site source
• Bien qu'il puisse être joué comme d'habitude sur le terminal mobile, il doit sauter du côté du PC.
• Si ce n'est pas trop difficile, vous pouvez vérifier ce qui suit.

Le poste extérieur appelle le code lecteur vidéo du poste B

Je partage ici un morceau de code pour que chacun puisse afficher la vidéo de Bilibili directement sur le côté PC de son site de blog WordPress.

Jetez d'abord un coup d'œil à l'effet ▼

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

Comment obtenir le code de la page web pour appeler le lecteur vidéo Bilibili ?

1. Entrez d'abord la vidéo que vous souhaitez appeler sur la station B;
   
2. Cliquez sur "Partager" ci-dessous → "Copier" à côté de "Code d'intégration" ▼

Après avoir cliqué sur Copier, nous pouvons obtenir le code du lecteur vidéo 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>

Construire et optimiser le code

Le code d'appel vidéo de la station B obtenu ci-dessus ne peut pas être utilisé directement, et le code d'appel vidéo de la station B doit être construit et optimisé.

Voici les paramètres de l'appel vidéo du poste B (ces paramètres doivent être placés dans </iframe>avant) ▼

• width="100%"(Largeur de la vidéo, 100 % recommandé)
• height="600"(Hauteur de la vidéo, 100 % recommandé)
• high_quality="1" (1=qualité la plus élevée 0=qualité la plus faible)
• danmaku="0" (1=Ouvrir le Bullet Chat 0=Fermer le Bullet Chat)

Après avoir construit un code optimisé▼

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

Comment ajouter le code vidéo BiliBili à l'éditeur de site WordPress ?

Si vous utilisez l'éditeur classique, veuillez sélectionner "Mode texte", puis ajoutez le code construit à la position appropriée dans la zone d'édition.

Pour Gutenberg Editor, sélectionnez le bloc "Custom HTML" et ajoutez le code construit ▼

La vidéo Bilibili ci-dessous est l'effet d'appel du code optimisé▼

• À l'heure actuelle, la vidéo de la station B appelée par notre site Web peut être lue en haute définition et est adaptative.
• Pas besoin de vous soucier de voir des vidéos sur votre téléphone qui ne s'affichent pas comme d'habitude en raison d'un réglage de hauteur fixe.