Un fisier video se poate insera intr-o pagina html de doua moduri.

Prima modalitate
ar fi cu ajutorul tagului <embed/>. Acest tag nu are nevoie de un altul de
inchidere, functioneaza in mare masura la fel ca si un tag de introducere a unei
fotografii.

HTML
<embed src="example.mpeg" autostart="false" HEIGHT=60 WIDTH=144/>
Extensi video suportate de tagul embed
Acestea sunt dupa cum urmeaza:

.swf - creat de Macromedia Flash

.wmv - Microsoft Windows Media Video
.mov - Quick Time Movie, apartine Apple
.mpeg files - creat de Moving Pictures Expert Group.
Cele mai folosite find .mpeg si .swf, datorita formaului compact.

Atribute ale tagului embed

autostart - stabileste daca fisierul va rula imediat dupa incarcarea paginii. Poate
avea valoarea true sau false.
hidden - stabileste daca butoanele sunt sau nu ascunse. Poate avea valoarea true
sau false.
volume - poate avea orice valoare intre 0 si 100
loop - stabileste daca fisierul va fi reprodus in cerc sau nu. Poate avea valoarea
true sau false.
playcount- acesta stabileste de cate ori va fi reprodus fisierul. Spre exemplu
playcount="2" (va fi reprodus de doua ori dupa care se va opri).
Introducerea unui video de pe YouTube folosind tag-ul embed
Acest lucru se face foarte simplu, youtube avand pe pagina fiecarui video codul
HTML corespunzator.

HTML
<object width="425" height="344"
data="https://www.youtube.com/embed/N4koEPJ0bjU"></object>
HTML
<embed src="https://www.youtube.com/embed/N4koEPJ0bjU" allowfullscreen="true"
width="425" height="344">
HTML
<iframe width="425" height="344" src="https://www.youtube.com/embed/N4koEPJ0bjU"
frameborder="0" allowfullscreen></iframe>
Dupa cum poti observa , acest iframe are o lungime si latime fixa si nu va fi
responsive. Pentru al face responsive trebuie sa il pui intr-un copntainer dupa cum
urmeaza.

HTML
<div style="position:relative; padding-bottom:56.25%; padding-top:30px; height:0;
overflow:hidden;">
<iframe width="425" height="344"
src="https://www.youtube.com/embed/N4koEPJ0bjU" frameborder="0" allowfullscreen
style="position:absolute; top:0; left:0; width:100%;
height:100%;">
</iframe>
</div>