AprenderWP

Sitio especializado en Wordpress para principiantes

  • Principiantes
  • Tutoriales
  • Plugins
  • Temas
  • Blog
    • Novedades
    • Showcase
    • Opiniones
AprenderWP » Tutoriales » Cómo evitar que Youtube oEmbed de anular su contenido de WordPress

Cómo evitar que Youtube oEmbed de anular su contenido de WordPress

¿Has estado alguna vez en un sitio en el que te has dado cuenta de que los elementos multimedia como los vídeos de YouTube prevalecen sobre otros contenidos? Esto puede suceder si tiene menús desplegables, barras flotantes, ventanas emergentes en el lightbox, etc. En este artículo, le mostraremos cómo evitar que YouTube oEmbed anule su contenido de WordPress.

Ejemplo:

Cuando incrusta un vídeo en WordPress, por defecto no tiene el valor wmode=transparent. Esto significa que los elementos de vídeo tienen la máxima prioridad y que anularán cualquier elemento flotante o dinámico.

Esto se pone realmente molesto. Así que echemos un vistazo a cómo añadir ?wmode=transparente a los vídeos de YouTube en WordPress sin usar el feo método iFrames.

Todo lo que tienes que hacer es abrir el archivo functions.php de tu tema o mejor aún, el archivo plugin de tu sitio y pegar el siguiente código:

12345678910functionadd_video_wmode_transparent($html, $url, $attr) { if( strpos( $html, «<embed src="))%20!==%20false%20)%20{%20returnstr_replace('<<embed',%20'<embed%20wmode="opaque" ', $html); }elseif( strpos( $html, 'feature=oembed') !== false ) { returnstr_replace('feature=oembed', 'feature=oembed&wmode=opaque', $html); }otra { return$html; }}add_filter('embed_oembed_html', 'add_video_wmode_transparent', 10, 3);

Fuente

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *


Sobre mi

Mi nombre es Joaquin y llevo 12 años creando sitios web en wordpress. En este blog comparto todos mis conocimientos.

Necesito ayuda con ...


Empezar un
Blog

Optimizar
Wordpress

Seguridad
Wordpress

SEO
Wordpress

Errores
Worpdress

Crear una
Tienda Online
Política de Privacidad
Política de Cookies
Aviso Legal

Copyright © 2021 · AprenderWP