Estoy seguro de que esto debería ser bastante fácil, pero no puedo encontrar la respuesta en otro lado...
Estoy incrustando un video de youtube (en vivo) en mi dominio a través de un iframe. Me las arreglé para detectar cuándo el usuario hace clic en el botón de pausa/reproducir usando eventos de javascript definidos en onYouTubeIframeAPIReady. Me gustaría detectar cuándo el usuario hace clic en el icono del altavoz (sonido silenciado/sonido activado), en el botón de pantalla completa y también cuando hace clic en el botón "ir a youtube".
¿Es esto posible?
Gracias de antemano por tu ayuda.
Puede utilizar Youtube Embed API y ocultar controles estándar con la opción de controls:0 . Agregue sus propios controles con todas las devoluciones de llamada/controladores de eventos que necesite.
La mejor opción: puedes usar los eventos del jugador y actuar en consecuencia. Hay onStateChange disponible, por lo que puede detectar y verificar la pausa/despausa. El estado de silencio también se puede verificar: debe verificar el estado de silencio con el método isMuted() constantemente.
Para el botón de Youtube, haga clic en Veo de esta manera para verificar: puede monitorear el estado activo de la ventana a través del cambio de visibilitychange y verificar el estado de enfoque de iframe para obtener detalles del video (supongo que no funcionará en pantalla completa).
Para pantalla completa : evento de cambio de pantalla completa. En el cupé con el video activo actual (reproduciendo), puede verificar el video incrustado exacto donde se hizo clic en pantalla completa. No estoy seguro de la situación cuando se hizo clic en pantalla completa antes de que el usuario hiciera clic en el botón de reproducción.