PlayerPrimeros pasos

Inicio rápido

Incrusta el reproductor como elemento personalizado o como iframe

El reproductor de vídeos de VTurb fue hecho para ofrecer experiencias de reproducción a medida y personalizadas.

Implementación básica

Cada instancia incrustada del reproductor viene con un ID único que la identifica y permite manipularla. Pega uno de estos en tu página:

index.html
<vturb-smartplayer
  id="vid-PLAYER_ID"
  style="display: block; margin: 0 auto; width: 100%"
></vturb-smartplayer>

<script
  src="https://scripts.converteai.net/ACCOUNT_ID/players/PLAYER_ID/v4/player.js"
  async
></script>

Sustituye ACCOUNT_ID y PLAYER_ID por los valores de tu propio código de incrustación.

El atributo id es cómo alcanzas el reproductor para registrar eventos y llamar métodos. En el elemento personalizado lleva el prefijo vid-; en el iframe, el prefijo ifr_.

Si la página tiene una sola incrustación, puedes prescindir del ID y usar document.querySelector("vturb-smartplayer").

Hacia dónde seguir

Ambos modos exponen los mismos eventos, pero se alcanzan de formas distintas — mira Elemento vs iframe. La lista completa de eventos está en la referencia de eventos, y Ejemplos los pone en práctica.

En esta página