웹 페이지에서 BiliBili 비디오를 호출하는 방법은 무엇입니까?외부 스테이션은 스테이션 B의 비디오 플레이어 코드를 호출합니다.

우리가 사용한다면워드프레스 플러그인제공된 단축 코드(예: Smartideo 플러그인)는 Bilibili 비디오 플레이어를 호출하고,PC 측에서 BiliBili 동영상이 재생되지 않는 상황이 있을 수 있습니다▼

• 일시적으로 사용할 수 없지만 소스 사이트에서 재생할 수 있습니다.
• 모바일 단말에서는 평소와 같이 플레이가 가능하지만, PC 쪽에서 점프를 해야 한다.
• 큰 문제가 없다면 다음을 확인할 수 있습니다.

외부 스테이션은 스테이션 B의 비디오 플레이어 코드를 호출합니다.

모든 사람이 워드프레스 블로그 사이트의 PC 측에 Bilibili의 비디오를 직접 표시할 수 있도록 여기에서 코드를 공유하고 있습니다.

효과 먼저 보시죠 ▼

<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=불릿 채팅 열기 0=불릿 채팅 닫기)

최적화된 코드를 구성한 후 ▼

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

WordPress 사이트 편집기에 BiliBili 비디오 코드를 추가하는 방법은 무엇입니까?

클래식 편집기를 사용하는 경우 "텍스트 모드"를 선택한 다음 편집 상자의 적절한 위치에 구성된 코드를 추가하십시오.

Gutenberg Editor의 경우 "Custom HTML" 블록을 선택하고 구성된 코드를 추가합니다 ▼

아래 Bilibili 영상은 최적화된 코드의 호출 효과▼

• 이때 당사 웹사이트에서 호출한 스테이션 B의 영상은 고화질로 재생할 수 있으며 적응형입니다.
• 고정 높이 설정으로 인해 휴대 전화에서 비디오를 볼 때 평소와 같이 표시되지 않는 것에 대해 걱정할 필요가 없습니다.