Cómo incrustar un vídeo de YouTube con sonido silenciado

| |

COMPARTE EL ARTÍCULO!!!

Es fácil incrustar vídeos de YouTube en su sitio web. Sólo tiene que copiar el código de incrustación de IFRAME y pegarlo en cualquier parte de su página web. YouTube ofrece opciones de personalización básicas, como modificar las dimensiones del reproductor u ocultar la marca de YouTube, pero si desea tener más control sobre el diseño o el comportamiento del reproductor incrustado, Player API de YouTube es la solución.

Este tutorial explica cómo puede incrustar un vídeo de YouTube que se reproducirá automáticamente cuando se cargue la página web pero con audio silenciado.

Por ejemplo, un sitio web de productos puede utilizar breves screencasts para resaltar las características y estos vídeos se reproducirán automáticamente cuando se cargue la página. Sin embargo, el volumen está ajustado a 0 y el usuario puede hacer clic manualmente para anular el silencio del vídeo.Del mismo modo, si utiliza fondos de vídeo de YouTube, tiene más sentido incrustar vídeos silenciados que se ejecutan en bucle.

Incrustar el reproductor de YouTube con reproducción automática y sonido silenciado

Vea la página de demostración para tener una idea de lo que estamos tratando de hacer aquí. La página se carga, el vídeo se reproduce, pero con la diapositiva de audio es todo el camino hacia abajo.

Esto es fácil. Vaya a la página de vídeos de YouTube y anote el ID del vídeo desde la URL. Por ejemplo, si el enlace de vídeo de YouTube es http://youtube.com/watch?v=xyz-123, el Id. de vídeo es xyz-123. Una vez que tenga el ID, todo lo que tiene que hacer es reemplazar YOUR_VIDEO_ID en el siguiente código con esa cadena.

>asyncsrc=»https://www.youtube.com/iframe_api»>función enYouTubeIframeAPIReady(){var player;
player =new YT.Player($0027muteYouTubeVideoPlayer$0027,{
videoId:$0027YOUR_VIDEO_ID$0027,// YouTube Video ID
width:560,// Anchura del reproductor (en px)
height:316,// Altura del reproductor (en px)
playerVars:{
autoplay:1,// Reproducción automática del vídeo con carga
Controles:1,// Mostrar botones de pausa/reproducción en el reproductor
showinfo:0,// Ocultar el título del vídeo
modestbranding:1,// Ocultar el logotipo de Youtube
loop:1,// Ejecutar el vídeo en un bucle
fs:0,// Ocultar el botón de pantalla completa
cc_load_policy:</spa….

COMPARTE EL ARTÍCULO!!!

Previous

Lo básico de Kubernetes: Aprende a conducir primero

Cómo buscar vídeos en un canal de YouTube en tu teléfono móvil

Next

Deja un comentario

shares