Tutorial HTML - Video
Inserarea de coduri pentru Video in HTML
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.
|
<embed src="example.mpeg" autostart="false" HEIGHT=60 WIDTH=144/> |
Deasemenea se poate introduce un fisier video cu ajutorul unui link
|
<a href="example.mpeg">film name </a> |
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
Acest lucru se face foarte simplu, youtube avand pe pagina fiecarui video codul HTML corespunzator.
|
<! -- Aici incepe codul Youtube --> <object width="425" height="344"><param name="movie" value="http://www.youtube.com/ <! -- Aici se termina codul Youtube --> |
Adevarul este ca ai dreptate, tot ce vezi e cam haotic, dar partea buna este ca nu trebuie sa il faci tu ci doar sa il copiezi de pe pagina youtube, si vei avea ca rezultat reprezentarea de mai jos, sau una asemanatoare in cazul in care alegi alt video.
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. ( Valid XHTML embed code for YouTube videos ). Trebuie doar sa introduci url-ul unde ai gasit filmul si vei obtine un cod valid XHTML.
Succes!!!
Comentarii
As dori si eu daca se poate , un cod pentru Windows Media Player embed .
L-am mai folosit si inainte , si pot spune ca e super usor de configurat si merge perfect , doar ca mi-am pierdut colectia de coduri...si nu il mai gasesc pe nicaieri. Multumesc anticipat.
Spune-mi si mie cum pot sa incarc un player flash?! Nu vreau sa incarc fisierul flash pe net ca apoi sa il rulez de pe adresa respectiva ci il vreau incarcat direct pe blog
Pentru inserarea fisierelor .swf in HTML poti folosi mai multe metode. Cel mai intalnit si mai simplu zic eu este tag-ul embed.
<object id="whatever" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0">
<param name="src" value="example.swf"/>
<param name="bgcolor" value="#FFFFFF"/>
<param name="quality" value="best"/>
<embed name="whatever" src="example.swf" width="400" height="300" bgcolor="#FFFFFF" quality="best" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></embed>
</object>
Au fost folosite valori cat mai generale. Iti recomand sa le schimbi ca sa se potriveasca cat mai bine cu stilul pagini sau blogului tau.
Salut caut si eu un cod de media player in care sa aiba lista de mai multe radiouri puteti sa imi dati si mie si unul in care sa pun tv din calc meu ms fain.
Am incarcat mai multe coduri embed de pe youtube (mai multe fisiere video diferite) si imi apar lipite una de cealalta. Ideea e ca as fi vrut sa apara cu putin spatiu intre ele (de ex. 4 video pe aceeasi linie cu spatiu de aprox. 1 cm intre ele). Am incercat cu <p> </p) sau cu </br>, dar mi le aranjeaza unele sub altele.
Multumesc.
@Roxana
Citeste tutorialul css.
Poti folisi proprietatea margin ca sa le separi putin si float:left ca sa le afisezi unul langa celalalt. Daca latimea este mai mare decat spatiul ocuopat de cele 4 obiecte va trebuii sa pui un clear:both pentru a rupe float-ul dupa care incepi din nou cu margin si float. foloseste div-uri in loc de paragrafe.
Succes
mai baieti am si eu o rugaminte am copiat un media player-viral de pe net si ma chinui sal bag in sites dar in afara de asta vreau sa pun eu un video din pc meu nu de pe you tube catalin id meu de mess e balahura_bogdan_2006 daca mo poti contacta ar fi sooper
Am folosit codul pentru inserarea unui video youtube in pagina HTML. Videoul dat acolo drept exemplu se incarca si merge..daca pun adresa unui alt video youtube imi apare doar un patrat alb in locul unde ar trebuii sa fie si nu se incarca, nu canta, nu nimic.
Imi poat explica cineva de ce?
MULTUMESC MULT
PINA AM GASIT MI-A APARUT CITEVA FIRE SURE IN CAP
IN HTML DE PE YOUTUBE :
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/
v/UAq8qHNWMNw&hl=en&fs=1">
</param><param name="allowFullScreen" value="true">
</param> <embed src="http://www.youtube.com/
v/UAq8qHNWMNw&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object>
Doresc sa intreb ceva. Cum putem sa mapam o imagine? Eu nu am gasit pe site! Va rog foarte mult sa puneti pana vinerea viitoare daca se poate ca atunci am ora de informatica. Multumesc anticipat!
am incercat sa atasez si eu un videoclip de pe youtube dar imi apare un spatiu alb unde ar trebui sa fie videoclipul si nu stiu de ce am folosit si codu Xhml
Trimite un comentariu!
