Cómo Poner un vídeo de Youtube en un pop-up

29 Dic 2012

Hoy les voy a mostrar cómo incrustar un vídeo de YouTube en una nueva ventana emergente con Javascript . De hecho, no tiene por qué ser de Youtube, puede ser casi cualquier reproductor de vídeo – siempre y cuando usted tiene la url completa.

 

 

Por ejemplo:

https://www.mydomain.com/videofeeds/myvideo.php

Ver La Demostración »

Creación de la función

Copia y pega el código JavaScript abajo en su código de diseño de página web:

Lo que he hecho aquí es crear una función personalizada denominada showPopup (). Esto aceptará una variable llamada ‘url’. Dentro de la función que define una nueva variable llamada ‘newwindow’. Esto es equivalente al método open () que se abrirá una nueva ventana del navegador. Finalmente he utilizado el método de enfoque que garantice que la nueva ventana se envía a la parte delantera.

Crear el vínculo

El anterior es un ejemplo de un enlace que llama a la función showPopup. Para ello he utilizado el atributo onclick. Debido a que la función showPopup acepta un valor, que pasa en “this.href” que es igual a la relación “https://www.youtube.com/embed/0Z9rP7CBs_Y” “. Finalmente he deshabilitado la acción de enlace predeterminada agregando return (false).

Para obtener un enlace youtube, simplemente haga clic en insertar debajo de su vídeo preferido y copiar la dirección URL especificada. Alternativamente, es posible que desee utilizar su propio enlace reproductor de vídeo. O debería funcionaría bien. Espero que hayas encontrado este tutorial diseño de páginas web útiles.