Vídeos de YouTube, Vimeo responsive

youtube vimeo responsive

Añada vídeos de YouTube escalable en todos los navegadores y dispositivos móviles, las tabletas y también los teléfonos de diseño de respuesta.

Lo primero que necesita es el código de inserción iframe YouTube, podemos obtener desde sus opciones sobre compartir de vídeo desde el sitio YouTube.

Colocar el código iframe tu página, el div contenedor del iframe (div.youtubevideowrap) tiene 2 declaraciones CSS para el ancho, tiene una anchura de 80% y un max-width: 640px .

lo que debemos de realizar es añadir en un contenedor div HTML al iframe de todo el vídeo y declarar la CSS.

HTML

AÑADIR ESTILOS CSS

Espero haberte servidor este tutorial, No olvides comentar.

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (Sin Calificar)
Loading...

Siguenos en: