Mostrar videos de YouTube
7 min
esta página / sección corresponde a brightsign author , nuestra aplicación más reciente para crear y administrar contenido y reproductores para la aplicación heredada , consulte nuestra documentos heredados docid\ i5zf53dx56wdwdfhlrot1 el contenido de youtube se puede mostrar en cualquier reproductor brightsign esto se hace usando un estado html5 docid aoqh30bc5dwjhcym8v76 para hacer esto, debe construir una url de reproductor incrustado a partir de la url estándar de youtube para la página el proceso es diferente según si está reproduciendo un solo video o una lista de reproducción tenga en cuenta que no todos los videos de youtube se pueden incrustar y que algunos no están en un formato compatible para nuestros reproductores a finales de 2025, debe incluir un encabezado de solicitud referente http al incrustar videos; de lo contrario, youtube devolverá un error de código 153 para obtener instrucciones sobre cómo hacerlo, consulte esta página de brightsign en github https //github com/srodriguez brightsign/bs youtube iframe tipo de enlace para determinar si su enlace es para un solo video o una lista de reproducción, revise la url de youtube si contiene list=something , es una lista de reproducción de lo contrario, es un solo video screenshot 2024 04 19 at 2 53 05 pm png otro indicador de que es una lista de reproducción es si puede ver el nombre y el autor de la lista de reproducción, y puede ver los íconos de reproducción aleatoria y repetición y agregarla a la biblioteca (consulte la imagen de ejemplo a continuación) screenshot 2024 04 19 at 2 34 26 pm png url de video único abra el video o la lista de reproducción de youtube en un navegador web y encuentre la url en la barra de direcciones como se muestra en la imagen 4 small png la url base es https //www youtube com/embed/ los siguientes elementos se agregarán a la url base agregue el id del video de la url actual a la url base el id del video aparece después de v= en la url actual para la imagen anterior, el id del video es y1xxnza1yiq y el enlace ahora sería https //www youtube com/embed/ y1xxnza1yiq agregue ?playlist= al final de la url por ejemplo, el enlace ahora sería https //www youtube com/embed/y1xxnza1yiq ?playlist= agregue el id de la lista de reproducción este es el mismo que el id del video para videos individuales (no listas de reproducción) https //www youtube com/embed/y1xxnza1yiq?playlist= y1xxnza1yiq agregue parámetros para controlar el video agregue \&autoplay=1 para iniciar automáticamente la reproducción del video sin interacción https //www youtube com/embed/y1xxnza1yiqplaylist=y1xxnza1yiq \&autoplay=1 agregue \&rel=0 al final de la url para eliminar los videos relacionados que aparecen al final del video https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1 \&rel=0 agregue \&controls=0 para desactivar los controles del video, ya que no son útiles en un entorno no interactivo https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0 \&controls=0 agregue \&showinfo=0 para que no se muestren la información y los títulos del video https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0\&controls=0 \&showinfo=0 agregue \&loop=1 para reproducir el video en bucle cuando llegue al final https //www youtube com/embed/y1xxnza1yiq?playlist=y1xxnza1yiq\&autoplay=1\&rel=0\&controls=0\&showinfo=0 \&loop=1 en brightsign author propiedades del estado > fuente > fuente del sitio , pegue la nueva url en un widget html 5 como se muestra en la imagen 5 en propiedades de estado > fuente > opciones , asegúrese de que habilitar brightsign objetos de javascript , habilitar video nativo reproducción , y habilitar comprobaciones de políticas entre dominios estén todos habilitados brightsign author no sabe cuándo termina un video de youtube si desea que su presentación pase a un estado diferente después de que se complete el video, asegúrese de que haya un evento de tiempo de espera docid\ caqlqo aev3mhalheqhsc configurado para el estado html 5 publique la presentación url de múltiples videos (lista de reproducción) abra el video o la lista de reproducción de youtube en un navegador web y encuentre la url en la barra de direcciones, como se muestra en la imagen 6 screenshot 2024 04 19 at 4 04 46 pm png la url base de la nueva url que construirá es https //www youtube com/embed/ https //www youtube com/embed/ agregue los siguientes elementos a esa url base agregue el id del video al final de la nueva url base el id del video aparece después de v= y antes de & en la url original para la imagen anterior, sería https //www youtube com/embed/ zsqr1hvnude agregue ?listtype=playlist a la url http //www youtube com/embed/zsqr1hvnudek ?listtype=playlist agregue el id de la lista de reproducción, que aparece después de list= en la url original, así como \&list= https //www youtube com/embed/zsqr1hvnude?listtype=playlist \&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02 agregue parámetros para controlar el video agregue \&autoplay=1 para iniciar automáticamente la reproducción del video sin interacción https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02 \&autoplay=1 agregue \&rel=0 al final de la url para eliminar los videos relacionados que aparecen al final del video https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1 \&rel=0 agregue \&controls=0 para desactivar los controles de video, ya que no son útiles en un entorno no interactivo https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1\&rel=0 \&controls=0 agregue \&showinfo=0 para que no se muestren la información ni los títulos del video https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1\&rel=0\&controls=0 \&showinfo=0 agregue \&loop=1 para reproducir el video en bucle cuando llegue al final https //www youtube com/embed/zsqr1hvnude?listtype=playlist\&list=pl1qgagqcnxh\\ fab fdx1hyaw1dvombc02\&autoplay=1\&rel=0\&controls=0\&showinfo=0 \&loop=1 en brightsign author propiedades del estado > fuente > fuente del sitio , pegue la nueva url en un widget html 5 como se muestra en la imagen 5 anterior en propiedades de estado > fuente > opciones , asegúrese de que habilitar brightsign objetos de javascript , habilitar video nativo reproducción , y habilitar comprobaciones de políticas entre dominios estén habilitados brightsign author no sabe cuándo termina un video de youtube si desea que su presentación pase a un estado diferente después de que el video haya finalizado, asegúrese de que haya un evento de tiempo de espera docid\ caqlqo aev3mhalheqhsc configurado para el estado html 5 publique la presentación tabla de referencia estos son los parámetros utilizados con más frecuencia parámetro descripción valores autoplay iniciar automáticamente el video al cargar 1 = reproducción automática, 0 = inicio manual (predeterminado) controls mostrar u ocultar los controles del reproductor 0 = ocultar, 1 = mostrar (predeterminado) loop repetir video o playlist 1 = repetir, 0 = no repetir (predeterminado); requiere playlist=video id playlist ids de video separados por comas para repetición el primer video se reproduce desde la url, el resto desde la playlist rel mostrar videos relacionados después de la reproducción 0 = solo el mismo canal, 1 = mostrar todos (predeterminado) showinfo mostrar u ocultar información y títulos del video 0 = ocultar, 1 = mostrar start iniciar la reproducción en un tiempo específico (seg) entero positivo (p ej , start=30) end detener la reproducción en un tiempo específico (seg) entero positivo (p ej , end=60) fs mostrar el botón de pantalla completa 1 = mostrar (predeterminado), 0 = ocultar disablekb deshabilitar atajos de teclado 1 = deshabilitar, 0 = habilitar (predeterminado) otros consulte la página player parameters https //developers google com/youtube/player parameters de youtube para obtener más parámetros de url estos pasos para crear una url individual o de playlist describen los parámetros utilizados para una visualización no interactiva se necesitan parámetros diferentes si desea mostrar el video de forma interactiva