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
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.
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.
Comentarios
Comentarios están cerrados
Hola solo queria decirte que me agrado bastante el articulo.
me ayudo bastante. mantente escribiendo que aqui te estare leyendo.
!
Gracias por tu interés en mi página web.
Gracias…como te puedo contactar
Hola saludos , mi correo es info@soportecnicoweb.com
Somewhat entertaining and a brilliant read, I can tell
you have a keen interest unlike a lot of other different blogs I encounter.
Good respond in return of this query with firm arguments and telling all regarding that.
¡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.