A l'hora d'inserir-hi vídeos, per exemple des de YouTube, una vegada obtingut i copiat el codi HTML que ens proporciona l'aplicatiu, només l'hem d'aferrar al lloc dins el codi HTML de la nostra pàgina on vulguem que es mostri. Veurem que es fa servir l'etiqueta <iframe></iframe>.
Els paràmetres que ens proporciona YouTube per defecte són:
- width="560" (amplada del vídeo, en píxels)
- height="315" (alçària del vídeo, en píxels)
- src="https://www.youtube.com/embed/YKUWBB_fDjA" (URL del vídeo)
- allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" (aquests paràmetres s'han de deixar com estan, no els modificarem)
- allowfullscreen="allowfullscreen" (permet posar el vídeo a pantalla completa)
- frameborder="0" (sense vorera)
Podem afegir dos paràmetres extres, si escau, al codi que ens proporciona YouTube:
- start="100" (en quin segon de la durada total del vídeo volem que comenci)
- rel="0" (aquest paràmetre indica si el reproductor ha de mostrar vídeos relacionats en finalitzar la reproducció "1" o no "0". El valor per defecte és 1).
| Codi HTML |
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/YKUWBB_fDjA" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="allowfullscreen" frameborder="0" rel="0"></iframe></p>| Visualitzat en el navegador |