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:

<script type=”text/javascript”>
//<![CDATA[
function showPopup(url) {
newwindow=window.open(url,’name’,’height=445,width=697,top=200,left=300,resizable’);
newwindow.focus();
}
//]]>
</script>

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.

desarrollo web profesional

Crear el vínculo

 

href https://www.youtube.com/embed/0Z9rP7CBs_Y " onclick "showPopup (this.href); return (false);" > Click Me </ >

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.

 

Share

Diseño Páginas Web

1 Estrella2 Estrellas3 Estrellas4 Estrellas5 Estrellas (1 Votos, Promedio: 5,00 de 5)
Cargando…

Comentarios

  1. dejar de morderse las uñas dice: abril 24, 2013 at 11:11 pm

    Hola solo queria decirte que me agrado bastante el articulo.
    me ayudo bastante. mantente escribiendo que aqui te estare leyendo.
    !

  2. mejores cafeteras dice: mayo 7, 2013 at 8:45 pm

    Gracias…como te puedo contactar

  3. Somewhat entertaining and a brilliant read, I can tell
    you have a keen interest unlike a lot of other different blogs I encounter.

  4. Good respond in return of this query with firm arguments and telling all regarding that.

  5. ¡Buen artículo! De veras, he estado leyendo tu blog y creo que compartes un buen contenido de calidad. Me sorprende que no tengas más comentarios, buen trabajo.

Comentarios están cerrados