Inserción de vídeos de YouTube en el sitio web

YouTube proporciona un gran servicio a todos los sitios web al ofrecer la posibilidad de alojar sus vídeos en otros recursos. Por supuesto, de este modo se matan dos pájaros de un tiro: el alojamiento de vídeos de YouTube se aleja de sus límites, mientras que el sitio puede transmitir vídeos sin atascarse ni sobrecargar sus servidores. Este artículo hablará de cómo incrustar vídeo en el sitio desde YouTube.

Encontrar y configurar el código para insertar el vídeo

Antes de adentrarnos en el laberinto de la codificación y contarte cómo insertar el reproductor de YouTube en el propio sitio web, merece la pena decirte dónde conseguir este mismo reproductor, o mejor dicho, su código HTML. Además, debe saber cómo configurarlo, para que el propio reproductor se vea orgánicamente en su sitio.

Paso 1: Buscar el código HTML

Para pegar un vídeo en tu sitio, necesitas conocer su código HTML, que es el que proporciona el propio YouTube. En primer lugar, tienes que ir a la página con el vídeo que quieres tomar prestado. En segundo lugar, tiene que desplazarse por la página justo debajo. En tercer lugar, tienes que hacer clic en el botón que hay debajo del vídeo “Comparte”.y luego ir a la pestaña “Código HTML”.

Todo lo que tienes que hacer es tomar este código (copia, “CTRL+C”), y pegar (“CTRL+V”)en el código de su sitio, en el lugar deseado.

Paso 2: Personalizar el código

Si el tamaño del vídeo en sí no te gusta y quieres cambiarlo, YouTube te ofrece esa opción. Basta con hacer clic en el botón “Más” para abrir un panel de configuración especial.

Aquí verás que puedes cambiar el tamaño del vídeo mediante la lista desplegable. Si desea ajustar el tamaño manualmente, seleccione el elemento en la lista “Otro tamaño”. y entrar tú mismo. Tenga en cuenta que al especificar un ajuste (altura o anchura), el otro se ajusta automáticamente, manteniendo así las proporciones del clip.

Aquí también se pueden ajustar otros parámetros:

  • Muestra vídeos similares después de terminar de verlos.
    Al marcar esta opción, después de ver el video en su sitio hasta el final, el espectador será presentado con una selección de otros videos que son similares en el tema, pero no dependen de su preferencia.
  • Mostrar el panel de control.
    Si la casilla no está marcada, su sitio tendrá el reproductor sin los elementos básicos: botón de pausa, control de volumen y la posibilidad de desplazarse por el tiempo. Por cierto, se recomienda dejar siempre activada esta opción para mayor comodidad del usuario.
  • Mostrar el título del vídeo.
    Al eliminar este icono, un usuario que visite su sitio e incluya un vídeo en él no verá el título del mismo.
  • Activar el modo de privacidad mejorada.
    Esta opción no afectará en absoluto a la visualización del reproductor, pero si la activas, YouTube almacenará información sobre los usuarios que hayan visitado tu sitio en caso de que hayan visto el vídeo. En general, no es peligroso, así que puede desmarcarlo.

Esa es toda la personalización que puedes hacer en YouTube. Puede tomar con seguridad el código HTML modificado y pegarlo en su sitio.

Opciones para insertar un vídeo en su sitio web

Muchos usuarios que deciden crear su propia página web no siempre saben cómo insertar vídeos de YouTube en ella. Pero esta característica le permite no sólo para diversificar el recurso Web, sino también para mejorar el aspecto técnico: la carga en el servidor se convierte en mucho menos, ya que va en su totalidad al servidor Yutube, y además de esto en su montón de espacio libre, porque algunos videos alcanzan gran tamaño, estimado en gigabytes.

Método 1: incrustación en un sitio HTML

Si tu recurso está escrito en HTML, tienes que abrirlo en algún editor de texto como el Bloc de notas++ para insertar el vídeo de YouTube. También puede utilizar un bloc de notas ordinario, que está disponible en todas las versiones de Windows, para este propósito. Después de abrir, busca el lugar en todo el código donde quieres poner el vídeo y pega el código previamente copiado.

En la imagen siguiente, puede ver un ejemplo de este tipo de inserción.

Método 2: Inserción en WordPress

Si quieres poner un vídeo de YouTube en un sitio web con WordPress, es aún más fácil que en un recurso HTML, ya que no es necesario utilizar un editor de texto.

Así que, para insertar el vídeo, primero hay que abrir el propio editor de WordPress, y luego cambiar a “Texto”.. Busca el lugar donde quieres colocar el video y pega el código HTML que tomaste de YouTube.

Por cierto, puedes insertar vídeos en los widgets de forma similar. Pero en los elementos del sitio, que no se pueden editar desde la cuenta de administrador, es mucho más difícil insertar el vídeo. Para ello, es necesario editar los archivos del tema, lo que no es recomendable para los usuarios que no están versados en todo esto.

Método 3: Inserción en Ucoz, LiveJournal, BlogSpot y sitios similares

Aquí es sencillo, no hay ninguna diferencia con los métodos dados anteriormente. Sólo debe prestar atención al hecho de que los propios editores de código pueden ser diferentes. Todo lo que tienes que hacer es encontrarlo y abrirlo en modo HTML y luego insertar el código HTML del reproductor de YouTube.

Ajustar manualmente el código HTML del reproductor después de pegarlo

Más arriba se ha comentado cómo personalizar el reproductor insertado en YouTube, pero esa no es toda la configuración. Puede establecer algunos parámetros manualmente cambiando el propio código HTML. También puede realizar estas manipulaciones tanto durante la inserción del vídeo como después.

Cambio de tamaño de los jugadores

Puede ocurrir que, después de haber configurado el reproductor y haberlo insertado en su sitio, al abrir la página se encuentre con que su tamaño, por decirlo suavemente, no se ajusta al resultado deseado. Afortunadamente, puedes arreglarlo editando el código HTML del reproductor.

Sólo hay que conocer dos elementos y de qué son responsables. El elemento “ancho” – es la anchura del reproductor insertado, y “altura” – altura. En consecuencia, en el propio código hay que sustituir los valores de estos elementos, que se especifican entre comillas después del signo igual, para cambiar el tamaño del reproductor insertado.

Lo principal es tener cuidado y elegir las proporciones adecuadas, para que el jugador no acabe muy estirado o, por el contrario, aplastado.

Reproducción automática.

Tomando el código HTML de YouTube, puedes retocarlo un poco para que cuando un usuario abra tu sitio, el vídeo se reproduzca automáticamente. Para ello, utilice el comando “&autoplay=1” sin comillas. Por cierto, este elemento de código debe escribirse después del propio enlace del vídeo, como se muestra en la imagen siguiente.

Si cambias de opinión y quieres desactivar la reproducción automática, el valor “1” después del signo igual (=) sustituir por “0” o eliminar este elemento por completo.

Reproducción desde un lugar específico

También puedes establecer la reproducción desde un punto específico. Esto es muy útil si necesita mostrar a un visitante de su sitio un fragmento en el vídeo del que trata el artículo. Para ello, es necesario añadir el siguiente elemento en el código HTML al final del enlace al vídeo: “#t=XXmYYs” sin comillas, donde XX son los minutos e YY los segundos. Tenga en cuenta que todos los valores deben escribirse en forma combinada, es decir, sin espacios y en formato numérico. Puede ver un ejemplo en la siguiente imagen.

Para deshacer cualquier cambio que haya hecho, debe borrar el elemento de código en cuestión o poner la hora al principio – “#t=0m0s” sin las comillas.

Activar y desactivar los subtítulos

Y por último, un truco más, cómo haciendo ajustes en el código HTML original del vídeo, puedes añadir la visualización de subtítulos en ruso al reproducir el vídeo en tu sitio web.

Lee también: Cómo activar los subtítulos en YouTube

Para mostrar subtítulos en un vídeo, es necesario utilizar dos elementos de código insertados en secuencia. El primer elemento es “&cc_lang_pref=es” sin las comillas. Se encarga de seleccionar el idioma de los subtítulos. Como puede ver, en este ejemplo es “ru”, lo que significa que se ha seleccionado el idioma ruso para los subtítulos. El segundo “&cc_load_policy=1” sin comillas. Permite activar y desactivar los subtítulos. Si el signo igual (=) va seguido de un uno, los subtítulos se activarán, si es un cero, se desactivarán. En la imagen de abajo puedes verlo por ti mismo.

Lee también: Cómo poner subtítulos en YouTube

Conclusión:

En resumen, podemos decir que la inserción de vídeos de YouTube en el sitio web es una tarea bastante sencilla, con la que absolutamente todos los usuarios podrán arreglárselas. Una forma de configurar el propio reproductor te permite establecer los parámetros que te resulten necesarios.

Nos alegramos de haber podido ayudarle con su problema.

Describa lo que no le ha funcionado.
Nuestros especialistas tratarán de responder con la mayor rapidez posible.

¿Le ha ayudado este artículo?