Sari la conținut

[Video] Tutorial cum pui Video in HTML


KRANOS

Postări Recomandate

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 - Exemplu 

Spoiler

<embed src="exemplu.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 - Exemplu 

Spoiler

<object width="425" height="344" data="https://www.youtube.com/embed/F9Bo89m2f6g"></object>


HTML - Exemplu 

Spoiler

<embed src="https://www.youtube.com/embed/F9Bo89m2f6g" allowfullscreen="true" width="425" height="344">


HTML - Exemplu

Spoiler

<iframe  width="425" height="344" src="https://www.youtube.com/embed/F9Bo89m2f6g" frameborder="0" allowfullscreen></iframe>

Voi mentiona insa ca scripturile de embed de pe pagina youtube nu sunt XHML valid. Pentru a genera coduri valide XHML pentru filmuletele de pe youtube va recomand acest tool, ce genereaza cod embed, valid XHTML, pentru YouTube. Trebuie doar sa introduci url-ul unde ai gasit filmul si vei obtine un cod valid XHTML.

HTML5 video tag
Odata cu introducerea HTML5, tagul video s-a raspandit foarte repede si este suportat destul bine de browserele actuale. Tagul video, este folosit pentru a adauga un film in pagina html. In momentul de fata tagul video, suporta 3 tipuri de fisiere video:

mp4 - MIME - type video/mp4
webm 
MIME - type video/webm
ogg
- MIME - type video/ogg


HTML - Exemplu

Spoiler

<video width="320" height="240" controls>
  <source src="/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.mp4" type="video/mp4">
  <source src="/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

 

Editat de AliNNN
Link spre comentariu
Distribuie pe alte site-uri

  • Angrry™ a anulat fixarea acestui topic
Vizitator
Acest topic este acum închis pentru alte răspunsuri.
×
×
  • Creează nouă...

Informații Importante

Am plasat cookie-uri pe dispozitivul tău pentru a îmbunătății navigarea pe acest site. Poți modifica setările cookie, altfel considerăm că ești de acord să continui. Also by continuing using this website you agree with the Terms of Use and Privacy Policy.