Làm thế nào để gọi video BiliBili trên trang web?Trạm bên ngoài gọi mã trình phát video của trạm B

nếu chúng ta sử dụngPlugin WordPressMã ngắn được cung cấp (ví dụ: plugin Smartideo) gọi trình phát video Bilibili,Có thể xảy ra trường hợp không thể phát video BiliBili trên PC ▼

• tạm thời không khả dụng, nhưng có thể phát trên trang nguồn
• Mặc dù nó có thể được chơi như bình thường trên thiết bị đầu cuối di động, nhưng nó cần phải nhảy ở phía PC.
• Nếu nó không quá rắc rối, bạn có thể kiểm tra như sau.

Trạm bên ngoài gọi mã trình phát video của trạm B

Tôi đang chia sẻ một đoạn mã ở đây để mọi người có thể hiển thị video của Bilibili trực tiếp trên PC của trang blog WordPress của họ.

Hãy xem hiệu ứng trước đã ▼

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

Làm thế nào để lấy mã của trang web để gọi trình phát video Bilibili?

1. Đầu tiên, nhập video bạn muốn gọi trên trạm B;
   
2. Nhấp vào "Chia sẻ" bên dưới → "Sao chép" bên cạnh "Mã nhúng" ▼

Sau khi nhấp vào Sao chép, chúng ta có thể lấy mã trình phát 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>

Xây dựng và tối ưu hóa mã

Không thể sử dụng trực tiếp mã gọi video của trạm B ở trên và mã gọi video của trạm B cần được xây dựng và tối ưu hóa.

Sau đây là các thông số của cuộc gọi video của trạm B (các thông số này cần được đặt trong </iframe>trước) ▼

• width="100%"(Chiều rộng video, khuyến nghị 100%)
• height="600"(Chiều cao video, đề xuất 100%)
• high_quality="1" (1 = chất lượng cao nhất 0 = chất lượng thấp nhất)
• danmaku="0" (1 = Mở Bullet Chat 0 = Đóng Bullet Chat)

Sau khi xây dựng mã được tối ưu hóa ▼

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

Làm cách nào để thêm mã video BiliBili vào trình chỉnh sửa trang WordPress?

Nếu bạn sử dụng trình chỉnh sửa cổ điển, vui lòng chọn "Chế độ Văn bản", sau đó thêm mã đã xây dựng vào vị trí thích hợp trong hộp chỉnh sửa.

Đối với Gutenberg Editor, hãy chọn khối "HTML tùy chỉnh" và thêm mã đã xây dựng ▼

Video Bilibili dưới đây là hiệu ứng gọi của mã được tối ưu hóa ▼

• Tại thời điểm này, video về trạm B do trang web của chúng tôi gọi có thể được phát ở độ phân giải cao và có tính thích ứng.
• Không cần phải lo lắng về việc xem video trên điện thoại của bạn không hiển thị như bình thường do cài đặt độ cao cố định.