Як викликати BiliBili відео на веб-сторінці?Зовнішня станція викликає код відеоплеєра станції B

якщо ми використовуємоПлагін WordPressНаданий шорткод (наприклад, плагін Smartideo) викликає відеоплеєр Bilibili,Може виникнути ситуація, коли відео BiliBili не відтворюється на ПК▼

• тимчасово недоступний, але його можна відтворити на вихідному сайті
• Незважаючи на те, що в неї можна грати як зазвичай на мобільному терміналі, вона повинна перейти на сторону ПК.
• Якщо це не дуже складно, ви можете перевірити наступне.

Зовнішня станція викликає код відеоплеєра станції B

Я ділюся тут фрагментом коду, щоб кожен міг відобразити відео Bilibili безпосередньо на комп’ютерній стороні свого сайту блогу WordPress.

Спочатку подивіться на ефект ▼

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

Як отримати код веб-сторінки для виклику відеоплеєра Bilibili?

1. Спочатку введіть відео, на яке ви хочете подзвонити, на станції B;
   
2. Натисніть «Поділитися» нижче → «Копіювати» біля «Коду для вставки» ▼

Після натискання «Копіювати» ми можемо отримати код відеопрогравача 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>

Конструювати та оптимізувати код

Код відеовиклику станції B, отриманий вище, не можна використовувати безпосередньо, і код відеовиклику станції B потрібно створити та оптимізувати.

Нижче наведено параметри відеодзвінка станції B (ці параметри потрібно розмістити в </iframe>перед) ▼

• width="100%"(Ширина відео, рекомендовано 100%)
• height="600"(Висота відео, 100% рекомендовано)
• high_quality="1" (1=найвища якість 0=найнижча якість)
• danmaku="0" (1=Відкрити Bullet Chat 0=Закрити Bullet Chat)

Після побудови оптимізованого коду▼

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

Як додати відеокод BiliBili в редактор сайту WordPress?

Якщо ви використовуєте класичний редактор, виберіть «Текстовий режим», а потім додайте створений код у відповідну позицію у вікні редагування.

Для редактора Gutenberg виберіть блок «Custom HTML» і додайте створений код ▼

Відео Bilibili нижче є ефектом виклику оптимізованого коду▼

• Наразі відео станції B, викликане нашим веб-сайтом, можна відтворювати у високій чіткості та є адаптивним.
• Не потрібно хвилюватися про те, що перегляд відео на телефоні не відображається як зазвичай через фіксовану висоту.