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>

film name


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

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


Tutorialul HTML anterior
Urmatorul Tutorial HTML urmator



Comentarii


   Orlando

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.
23-Nov-2009 - 17:28


   octavian

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
20-Jan-2010 - 06:32


   catalin

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.

20-Jan-2010 - 09:00


   Erhard

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.
13-Feb-2010 - 19:52


Trimite un comentariu!

Nume *
E-mail *
Vreau sa fiu anuntat de urmatoarele mesaje la acest articol
Comentariu *

Security image