Directori d'articles
Si fem servir un shortcode proporcionat per un connector de WordPress (com ara el connector Smartideo) per cridar el reproductor de vídeo Bilibili, podem trobar-nos amb aquesta situació al PC on no es puguin reproduir vídeos de Bilibili. ▼
- temporalment no disponible, però es pot reproduir al lloc d'origen
- Tot i que es pot jugar com és habitual al terminal mòbil, cal que salti pel costat de l'ordinador.
- Si no és massa problema, podeu comprovar el següent.
L'estació externa crida al codi del reproductor de vídeo de l'estació B
Estic compartint un fragment de codi aquí perquè tothom pugui mostrar el vídeo de Bilibili directament al costat de l'ordinador del seu blog de WordPress.
Fes una ullada a l'efecte ▼
<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>Com obtenir el codi de la pàgina web per trucar al reproductor de vídeo Bilibili?
- Primer, introduïu el vídeo que voleu trucar a l'estació B;
- Feu clic a "Comparteix" a continuació → "Copia" al costat de "Incrusta el codi" ▼
Després de fer clic a Copia, podem obtenir el codi del reproductor 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>Construir i optimitzar codi
El codi de videotrucada de l'estació B obtingut anteriorment no es pot utilitzar directament i el codi de videotrucada de l'estació B s'ha de construir i optimitzar.
A continuació es mostren els paràmetres de la videotrucada de l'estació B (s'han de col·locar aquests paràmetres </iframe>abans) ▼
width="100%"(Ample del vídeo, 100% recomanat)height="600"(Alçada del vídeo, 100% recomanat)high_quality="1"(1 = qualitat més alta 0 = qualitat més baixa)danmaku="0"(1=Obrir Bullet Chat 0=Tancar Bullet Chat)
Després de construir el codi optimitzat▼
<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>Com afegir el codi de vídeo BiliBili a l'editor de llocs de WordPress?
Si utilitzeu l'editor clàssic, seleccioneu "Mode de text" i, a continuació, afegiu el codi construït a la posició adequada al quadre d'edició.
Per a l'Editor Gutenberg, seleccioneu el bloc "HTML personalitzat" i afegiu el codi construït ▼
El vídeo de Bilibili a continuació és l'efecte de trucada del codi optimitzat▼
- En aquest moment, el vídeo de l'estació B trucada pel nostre lloc web es pot reproduir en alta definició i és adaptatiu.
- No cal que us preocupeu de veure vídeos al vostre telèfon que no es mostrin com de costum a causa d'una configuració d'alçada fixa.
Esperem que l'article "Com cridar vídeos de Bilibili en una pàgina web? Codi per cridar el reproductor de vídeo de Bilibili des d'un lloc extern", compartit al blog de Chen Weiliang ( https://www.chenweiliang.com/ ), us sigui útil.
No dubteu a compartir l'enllaç d'aquest article: https://www.chenweiliang.com/cwl-1205.html