, ,

Insertar Videos de Youtube Responsivos

Vaya a su video deseado de YouTube, presione «Compartir», luego haga clic en la pestaña «Insertar» y copie el código iframe. Las opciones de video que seleccione aparecerán en este código;
Pégalo dentro de una publicación y envuélvelo en una etiqueta div con una «clase». Por ejemplo:<div class=»youtube-responsive-container»><iframe …></iframe></div>

  • Click para agrandar
  • Ahora tiene que agregar el siguiente código CSS en su tema, ya sea en el cuadro CSS encontrado (posiblemente) en el panel de su tema o en el archivo style.css de su tema secundario en la parte inferior..youtube-responsive-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
    }.youtube-responsive-container iframe, .youtube-responsive-container object, .youtube-responsive-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    }
  • Guarda el archivo.
    ¡Eso es! Ahora su video de YouTube incrustado debe ser receptivo.

Ahora, cada vez que se agrega un código de inserción en un puesto, asegúrese de envolverlo en la etiqueta div: <div class=»youtube-responsive-container»><iframe …></iframe></div>. Sin embargo, puede cambiar el nombre de «clase», pero asegúrese de usar siempre el mismo. No tiene que volver a agregar el código CSS , solo la etiqueta div alrededor del código iframe.

 

Fuente: https://themeskills.com/make-embedded-youtube-videos-responsive-wordpress/

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir

Deja un comentario

Tu dirección de correo electrónico no será publicada.

cuatro × 1 =