Plantilla Anime - Como se inserta un video en mi blog de YouTube que sea responsive.


Si lo que quieres es insertar en tu blog de Blogger un video que tienes montado o publicado en tu canal de YouTube o en el canal de cualquier otro creador y que a su vez sea RESPONSIVE, es decir, que se adapte automáticamente al tamaño de cualquier tipo de pantalla de un computador, celular o tablet; solo debes seguir los siguientes pasos:

1) Ubica la sección, página o entrada donde quieres insertar el video.

2) Pon una marca donde ira el video.
Ejemplo: video1, videodemo, en mi caso siempre coloco un número 55555

3) Cambia la vista de la entrada o página pasando de Vista de redacción a Vista en HTML.

4) Busca la marca que elegiste para ubicar la posición de tu video, para ello solo debes poner el cursor dentro del código de tu entrada, oprimir las teclas CONTROL + F y en la casilla que te indique el sistema escribe o ingresa la marca que elegiste (video1videodemo, 55555) y das clic en ENTER, de inmediato el sistema te mostrara la ubicación de la marca dentro del código.

5) Copia el siguiente código y reemplázalo por la marca que ubicaste en el paso anterior (video1videodemo, 55555).

<div class="embed-fluid embed-fluid-16by9">
   AQUI VA EL CODIGO DEL VIDEO
</div>

6) Donde dice AQUI VA EL CODIGO DEL VIDEO, pega el código de inserción del video que quieres insertar en tu blog, el cual tiene la siguiente estructura:

<iframe width="560" height="315" src="https://www.youtube.com/embed/ZI89SUNOUoE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

7) guarda los cambios y listo.

Nota: si no quieres que cuando se pause o finalice el video, el sistema muestre videos relacionados de otros canales y que por el contrario lo haga teniendo en cuenta únicamente los demás videos publicados en tu canal, solo debes hacer la siguiente modificación.

Dentro del código que acabas de insertar, ubica la URL o dirección de YouTube y al final antes de las comillas escribe:
?rel=o

La modificación debe quedar como en el siguiente ejemplo:

<iframe width="560" height="315" src="https://www.youtube.com/embed/ZI89SUNOUoE
?rel=o" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Eso es todo.

Entradas que pueden interesarte

facebook