• Resuelto tamarazambrana

    (@tamarazambrana)


    Hola!

    Hace tiempo encontré este filtro(abajo) para que un video en WordPress([video])fuera responsive. Ha dejado de funcionar, imagino que tiene algo que ver con Gutenberg, ya esto es un proyecto antiguo donde uso el editor. He intentado probarlo en un proyecto nuevo con Gutenberg y el video ni siquiera se vé. ¿Cómo puedo seguir usando esta funcion?¿Tenéis otra idea de poder tener los videos responsives?

    Filtro:

    function rsp_embed_html( $html ) {
    	return '<div class="video-container">' . $html . '</div>';
    }
    add_filter( 'embed_oembed_html', 'rsp_embed_html', 10, 3 );

    Código CSS:

    .video-container {
    	position: relative;
    	padding-bottom: 56.25%;
    	height: 0;
    	overflow: hidden;
    }
    
    .video-container iframe, .video-container object, .video-container embed, .video-container video {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	height: 100%;
    }
    
Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador Fernando Tellado

    (@fernandot)

    La mejor manera de tener los vídeos adaptables es usando el oembed de WordPress, con los llamados «incrustados», pegando la URL del vídeo alojado en algún servicio externo

    Iniciador del debate tamarazambrana

    (@tamarazambrana)

    Fernando muchas gracias por contestar, siento el retraso. ¿Te refieres a esto: https://codex.wordpress.org/Embeds?

    Al usarlo ya sea solo el link o con el shortcode [embed] no es responsive. Puedo ajustarlo a la pantalla con ‘width’ pero en pequeños dispositivos se queda con ese tamaño.

    Esto ya me pasaba antes por eso agregé div con el filtro embed_oembed_html pero esto me funcionaba antes ahora tampoco me funciona.

    ¿Algo que se me escapa?

    Iniciador del debate tamarazambrana

    (@tamarazambrana)

    He vuelto a probar la función y ahora funciona. ¿Por qué no funcionaba antes? No lo sé, pero si algo funciona mejor no tocarlo. ¿No? 🙂 gracias

    Moderador Fernando Tellado

    (@fernandot)

    Yo me refería a simplemente copiar y pegar el enlace. Me alegro se solucionase.

    Lo de que antes no lo vieses podría ser por las cachés 🙂

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • El debate ‘Video responsive’ está cerrado a nuevas respuestas.