¿Cómo llamar al video BiliBili en la página web?La estación externa llama al código del reproductor de video de la estación B

si usamosComplemento de WordPressEl código abreviado proporcionado (por ejemplo: el complemento Smartideo) llama al reproductor de video Bilibili,Puede haber una situación en la que el video de BiliBili no se pueda reproducir en el lado de la PC▼

• temporalmente no disponible, pero jugable en el sitio de origen
• Aunque se puede jugar como de costumbre en el terminal móvil, hace falta dar el salto al lado del PC.
• Si no es mucha molestia, puedes comprobar lo siguiente.

La estación externa llama al código del reproductor de video de la estación B

Estoy compartiendo un fragmento de código aquí para que todos puedan mostrar el video de Bilibili directamente en el lado de la PC de su sitio de blog de WordPress.

Echa un vistazo al efecto primero ▼

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

¿Cómo obtener el código de la página web para llamar al reproductor de video Bilibili?

1. Primero, ingrese el video que desea llamar en la estación B;
   
2. Haga clic en "Compartir" a continuación → "Copiar" junto a "Código para insertar" ▼

Después de hacer clic en Copiar, podemos obtener el código del reproductor de video 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>

Construir y optimizar código

El código de videollamada de la estación B obtenido anteriormente no se puede usar directamente, y el código de videollamada de la estación B debe construirse y optimizarse.

Los siguientes son los parámetros de la videollamada de la estación B (estos parámetros deben colocarse en </iframe>antes) ▼

• width="100%"(Ancho de video, 100% recomendado)
• height="600"(Altura del video, 100% recomendable)
• high_quality="1" (1=calidad más alta 0=calidad más baja)
• danmaku="0" (1=Abrir Bullet Chat 0=Cerrar Bullet Chat)

Después de construir código optimizado▼

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

¿Cómo agregar el código de video BiliBili al editor del sitio de WordPress?

Si usa el editor clásico, seleccione "Modo de texto" y luego agregue el código construido en la posición adecuada en el cuadro de edición.

Para Gutenberg Editor, seleccione el bloque "HTML personalizado" y agregue el código construido ▼

El siguiente video de Bilibili es el efecto de llamada del código optimizado▼

• En este momento, el video de la estación B llamado por nuestro sitio web se puede reproducir en alta definición y es adaptativo.
• No debe preocuparse por ver videos en su teléfono que no se muestran como de costumbre debido a la configuración de altura fija.