Limitar el ancho máximo de los vídeos incrustados de youtube

Tiempo estimado de lectura: 4 minutos

 

Cómo limitar el ancho máximo de los vídeos incrustados de YouTube

En este artículo aprenderemos a limitar el ancho máximo de los vídeos incrustados de YouTube.

Normalmente, cuando tenemos que incrustar un vídeo en nuestro WordPress, simplemente copiamos y pegamos la url del vídeo (yotube, vimeo…) en nuestra página, esto es lo que se denomina insertar vídeo mediante oEmbed.

Pues bien, imagínate que, por necesidades de tu diseño, necesitas especificar un tamaño de ancho concreto a todos los vídeos que incrustes en tu web. Lo que no vas a hacer es ir vídeo a vídeo cambiándoles el tamaño, necesitas algo que lo haga por ti y a ser posible,  de forma automática.

Código que vamos a utilizar

Afortunadamente, siempre existe un código para arreglar cualquier problema, y en este caso no va a menos.

Para poder controlar el ancho máximo de los vídeos incrustados de YouTube, utilizaremos un código como este:
 


 

function limitar_ancho_videos($matches) {
$maxw = 600; // aquí tienes que establecer el ancho máximo en pixeles para el vídeo
$w = $matches[1];
if (is_numeric($w) && ($w > $maxw)) {
$w = $maxw;
}
$wstring = 'width="'.strval($w).'"';
return $wstring;
}
function cambiar_ancho_videos($content) {
$pattern = '(width=[\'\"](\d+)[\'\"])';
if (strpos($content,"youtube") !== false) {
$content = preg_replace_callback($pattern, limitar_ancho_videos, $content);
}
return $content;
}
add_filter('embed_oembed_html','cambiar_ancho_videos');

Qué hace este código

Puede parecer complejo, pero su funcionamiento es relativamente sencillo. En primer lugar, se crea una variable llamada limitar_ancho_videos, la cual sirve para establecer el ancho de los vídeos, la cifra que introduzcas aquí será el ancho máximo.

Después se crea otra variable llamada cambiar_ancho_videos que es la encargada de tomar el valor de la variable limitar_ancho_videos le aplica al vídeo la cifra que contenga.

Por último, cuando se utilice el método oEmbed para insertar vídeos de YouTube, se aplicará el valor que tenga la variable cambiar_ancho_videos.

Cómo utilizar este código

Lo último que tenemos que saber es dónde tenemos que poner este código, para funcione cada vez que insertemos un vídeo de YouTube con este método.

Como ya sabrás, existen varias formas para hacerlo:

  1. En el archivo functions.php de nuestro tema activo. Aunque ya sabes que no te recomiendo este método, a no ser que tengas un tema hijo y coloques el código en el archivo functions.php de tu tema hijo.
  2. En un plugin de funciones creado para poder usar códigos en tu WordPress.
  3. El que sí te recomiendo: utilizar un plugin de snippets de código. Ya sabes que yo utilizo y te recomiendo utilizar el plugin Code Snippets.

 


¿Te ha servido este artículo?, PUES DALE UN BESITO DE FRESA 0


¿Qué te ha parecido el artículo?. Házmelo saber en los comentarios que tienes más abajo. Estoy deseando leerte.

Por último, si crees que este artículo puede ser interesante para algún amigo tuyo, te agradecería enormemente que lo compartieras con él y con todo el mundo a través de las Redes Sociales.

Puntúa este artículo:
[Total: 0 - Promedio: 0]

Puede que también te interese...

Deja una respuesta

Información básica sobre protección de datos
Responsable: Jose González Bueno.
Finalidad: Moderación y publicación de comentarios.
Destinatarios: No se comunican datos a terceros, salvo por imperativo legal.
Derechos: Tienes derecho a acceder, rectificar, exportar y suprimir tus datos.

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

He leído y acepto la política de privacidad de este sitio. *