Como Abrir Vídeos de Youtube en Ventana flotante Pop-up - Tutoriales Gratis de Internet

Como Abrir Vídeos de Youtube en Ventana flotante Pop-up



Como reproducir vídeos de YouTube en una ventana emergente dando clic a una imagen seleccionada, el famoso pop-up actualizado para insertar vídeos emergentes en nuestras publicaciones o gadget de nuestro sitio web en blogger. Códigos html de ventana emergente para videos, editado por tutoriales gratis de internet con un diseño moderno y nada intrusivo para el visitante. 

A continuación explicaremos cómo implementar Pop-Up para videos emergentes de Youtube en las entradas de blogger:

Copiar y pegar el código javascript HTML en una entrada o pagina en la sección  Vista HTML de la edición de entradas en blogger.
Elige el vídeo de YouTube que quieres reproducir en una ventana emergente (Copiar la identidad del vídeo) 
Reemplazar la identidad del vídeo y el enlace url de la Imagen que deseamos mostrar.
Modificar las medida de la ventana emergente de los videos en las opciones width (ancho) y height (alto).
Para reproducir el vídeo automáticamente usar el segundo código html.
Guardar y ver los resultados


Primer código html ventana emergente
<center><a href="javascript:void(0);" onclick="window.open('https://www.youtube.com/watch_popup?v=WrC7AY8w6yw',  'popup', 'top=100, left=75, width=853, height=480, toolbar=NO, resizable=NO, Location=NO, Menubar=NO,  Titlebar=No, Status=NO')" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb-waro8IuUn4lv1SUchRXP8ILhuvQ1NpRj3wbZf93qavFqxvN7b5kFEKnyAofgn9IxLI8CcKiug8b0B1ZoLWUIlIwjxWoiplSF0K43ODl9l-7MKy7y7yasLUbJjWH6G-j0RqnHVDYQLRW/s150/PlayYoutube.gif" />
</a></center>


Segundo código html ventana emergente Automático
<center><a href="javascript:void(0);" onclick="window.open('https://www.youtube.com/watch?v=WrC7AY8w6yw?autoplay=1',  'popup', 'top=100, left=75, width=853, height=480, toolbar=NO, resizable=NO, Location=NO, Menubar=NO,  Titlebar=No, Status=NO')" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb-waro8IuUn4lv1SUchRXP8ILhuvQ1NpRj3wbZf93qavFqxvN7b5kFEKnyAofgn9IxLI8CcKiug8b0B1ZoLWUIlIwjxWoiplSF0K43ODl9l-7MKy7y7yasLUbJjWH6G-j0RqnHVDYQLRW/s150/PlayYoutube.gif" />
</a></center>




Comparte este artículo en tus Redes Sociales

COMENTARIOS