Script video player html5

                              Video player pentru blog,site sau forum.

Daca intr-o alta postare va prezentam audio player html5,astazi va pun la dispozitie cateva scripturi html5 pentru redare video pe blog,site sau forum. Multi bloggeri se-ntreaba,cum pun un videoclip pe blog? Sau cum pun video pe blog? HTML5 video player,indeplineste aceasta solutie.

Cum functioneaza?

1. Atributul "controls" adauga comenzi video cum ar fi redare, pauza, si volumul;
2. Dimensiunile pot fii modificate din atributele  latime si înaltime,(width si height);
3. Daca înaltimea si latimea nu sunt stabilite, browser-ul nu va cunoaste dimensiunea videoclipului. Efectul va fi ca pagina se va schimba în timp ce încarca video;
4. Textul dintre tag-ul <videoclip> si </ video> va fii afisat numai în browsere care nu suporta acest element video.

HTML Video player - Browsere suportate si Formate suportate.
În prezent , exista 3 formatele video suportate de acest player video: MP4, WebM si Ogg:

Browser                    MP4          WebM  Ogg 

Internet Explorer       Da                Nu              Nu

Chrome                     Da                Da              Da

Firefox                       Da                Da              Da

Safari                        Da                 Nu              Nu

Opera                       Da                 Da              Da

Aici aveti un demo cu toate aceste video playere.

Ca să adăugați acest Video Player urmați instrucțiunile de mai jos:

Mergeti la Design;

Elemente de pagina;
Dati clik pe Adaugati un obiect gadget;
Din lista care apare alegeti optiunea Html/JavaScript;  

Acum  copiati unul din codurile de mai jos in campul pentru continut;

Salvam, tragem widge-ul in locul dorit  si iar salvam.

Nr.1 cu Autoplay:

<video autoplay="autoplay" height="266"  controls="controls" id="MediaPlayer1"
src="http://www.w3schools.com/html/mov_bbb.mp4" width="320">
</video>

Nr.2 fara Autoplay:

<video width="320" height="240" controls>
  <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Nr.3 cu Autoplay:

<video controls="controls" height="266" id="MediaPlayer1" src="http://www.w3schools.com/html/mov_bbb.mp4" width="320">
</video>

Nr.4 fara Autoplay:

<video width="320" height="240" autoplay>
  <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>

Acest video player poate fii adaugat in ori ce parte a site-ul-ui dorim,intr-un widget,o postare sau chiar intr-o pagina statica personalizata.