[HTML] Nuevo código para insertar videos de YouTube

YouTube tiene un nuevo API (Application Programming Interface o interfaz de programación de aplicaciones) para insertar videos.
Con este API sólo necesitan tener el ID del video.

El código
Este código utiliza un IFrame (Inline Frame o marco incorporado) que es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal.

<iframe class=”youtube-player” type=”text/html” width=”640″ height=”385″ src=”http://www.youtube.com/embed/VIDEO_ID” frameborder=”0″>
</iframe>

 

Donde obtengo el ID de un video en YouTube?

En la misma URL del video podemos obtener la ID.
Por ejemplo tenemos esta URL:

http://www.youtube.com/watch?v=KHgL70E8WAc

El ID del video es el valor que tenemos despues de v= y el mismo que yo he marcado con rojo y negrillas: KHgL70E8WAc

Resultado final

<iframe class=”youtube-player” type=”text/html” width=”640″ height=”385″ src=”http://www.youtube.com/embed/KHgL70E8WAc” frameborder=”0″>
</iframe>

Y ya insertado el código HTML tenemos:

Nota: Podemos cambiar el tamaño modificando el valor numérico de width y heigh.

- Ver más entradas
Blogger, trabajo en el área de TI, busco innovar a través de la tecnología. Algo loco, pienso diferente, sigo mi propio camino. Rock - Tech - Anime

Compartir esta entrada

También puede interesarte:

Un comentario para “[HTML] Nuevo código para insertar videos de YouTube”

  1. KALSDFILSF dice:

    POS NO FUNCIONA SU PORQUERIA DE PAGINA Y CODIGO. ME ACUERDO DELOS VIEJOS TIEMPOES DE WINDOWS 98 XP COMO SINANADA HACIA UNA PAGINA HTML CON CON TODA CLASE E VIDEOS

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Powered by WordPress · Diseñado por Theme Junkie
QR Code Business Card