Bubble.io에서 비디오 플레이어를 어떻게 삽입하나요?

Bubble.io에서 비디오 플레이어를 임베드하면 YouTube, Vimeo, Ziggeo와 같은 플랫폼에서 비디오 콘텐츠를 직접 앱에 통합할 수 있습니다. 다음은 단계별로 어떻게 할 수 있는지에 대한 방법입니다.

단계 1: Bubble.io 계정에 로그인하고 앱의 편집기로 이동합니다.

단계 2: 페이지에 비디오 플레이어를 표시하려는 위치를 결정한 후 해당 위치를 클릭하여 선택합니다.

단계 3: 화면 왼쪽에 있는 시각적 요소 메뉴로 이동하고 '비디오' 요소를 선택하여 페이지에 비디오 플레이어를 추가합니다.

단계 4: 비디오 요소를 페이지에 추가하면 왼쪽의 속성 편집기에서 이 비디오 플레이어를 구성하는 옵션을 볼 수 있습니다.

단계 5: 플레이어에 비디오 소스를 제공해야 합니다. YouTube나 Vimeo에서 비디오를 임베드하는 경우 '비디오 소스' 속성을 설정하고 비디오에 대한 링크나 비디오 ID를 제공해야 합니다.

단계 6: Ziggeo를 사용하고 플러그인이 설치된 경우, 사용자가 녹화한 비디오를 표시하려면 비디오 소스 옵션에서 'Ziggeo'를 선택합니다. 또한 앱의 로직에 기반한 동적 표현식이 될 수 있는 특정 비디오를 표시하기 위해 '비디오 ID'를 설정해야 합니다.

팁: Bubble 엔진은 임베드된 비디오의 재생/일시 중지 상태를 모니터링하지 않습니다. 한 번 시작되면 비디오는 수동으로 멈출 때까지 계속 재생됩니다. 그러나 조건부 상태를 사용하여 재생 상태를 제어할 수 있습니다. 예를 들어, 컨테이너가 숨겨져 있을 때 비디오를 중지하려면 워크플로우를 사용하여 비디오의 ID를 null로 변경해 비디오를 강제로 중지시키는 것을 고려해 보세요.

이러한 단계를 따르면 Bubble.io 앱에 성공적으로 비디오 플레이어를 임베드하고 제어할 수 있어야 합니다. 멀티미디어 콘텐츠로 앱을 더 풍부하게 만들어보세요!