Como chamar ao vídeo de BiliBili na páxina web?A estación externa chama ao código do reprodutor de vídeo da estación B

se usamosComplemento de WordPressO código curto proporcionado (por exemplo: complemento Smartideo) chama ao reprodutor de vídeo Bilibili,Pode haber unha situación na que o vídeo de BiliBili non se poida reproducir no lado do PC▼

• temporalmente non dispoñible, pero pódese reproducir no sitio de orixe
• Aínda que se pode xogar como é habitual no terminal móbil, cómpre saltar ao PC.
• Se non é demasiado problema, podes comprobar o seguinte.

A estación externa chama ao código do reprodutor de vídeo da estación B

Estou compartindo aquí un anaco de código para que todos poidan mostrar o vídeo de Bilibili directamente no lado do PC do seu blog de WordPress.

Bótalle un ollo ao efecto ▼

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

Como obter o código da páxina web para chamar ao reprodutor de vídeo Bilibili?

1. Primeiro, introduce o vídeo ao que queres chamar na estación B;
   
2. Fai clic en "Compartir" a continuación → "Copiar" xunto a "Inserir código" ▼

Despois de facer clic en Copiar, podemos obter o código do reprodutor de vídeo 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>

Construír e optimizar código

O código de videochamada da estación B obtido anteriormente non se pode usar directamente e o código de videochamada da estación B debe ser construído e optimizado.

Os seguintes son os parámetros da videochamada da estación B (estes parámetros deben ser colocados en </iframe>antes) ▼

• width="100%"(Ancho do vídeo, recomendado 100 %)
• height="600"(Altura do vídeo, recomendado 100%)
• high_quality="1" (1 = calidade máis alta 0 = calidade máis baixa)
• danmaku="0" (1=Abrir Bullet Chat 0=Pechar Bullet Chat)

Despois de construír o 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>

Como engadir o código de vídeo BiliBili ao editor de sitios de WordPress?

Se usa o editor clásico, seleccione "Modo de texto" e, a continuación, engada o código construído na posición adecuada na caixa de edición.

Para Gutenberg Editor, selecciona o bloque "HTML personalizado" e engade o código construído ▼

O seguinte vídeo de Bilibili é o efecto de chamada do código optimizado▼

• Neste momento, o vídeo da estación B chamado pola nosa web pódese reproducir en alta definición e é adaptativo.
• Non te preocupes por ver vídeos no teu teléfono que non se mostren como de costume debido a unha configuración de altura fixa.