Directori d'articles
si fem servirConnector de WordPressEl codi curt proporcionat (per exemple: connector Smartideo) crida al reproductor de vídeo Bilibili,Pot haver-hi una situació en què el vídeo BiliBili no es pugui reproduir al costat de l'ordinador▼
- 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.
Bloc d'Hope Chen Weiliang ( https://www.chenweiliang.com/ ) ha compartit "Com s'anomena vídeo de BiliBili una pàgina web?L'estació externa truca al codi del reproductor de vídeo de l'estació B", cosa que us serà útil.
Benvingut a compartir l'enllaç d'aquest article:https://www.chenweiliang.com/cwl-1205.html
Benvingut al canal de Telegram del bloc de Chen Weiliang per rebre les últimes actualitzacions!
📚 Aquesta guia té un gran valor, 🌟Aquesta és una oportunitat rara, no la perdis! ⏰⌛💨
Comparteix i m'agrada si t'agrada!
Els vostres likes i compartir són la nostra motivació contínua!