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

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:

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.