Sari la conținut
  • Bun venit pe Resursele.ro!

    Bun venit pe Resursele.ro! Pentru a avea un acces total la forum și pentru a beneficia de:

    • Navigarea pe un forum bine pus la punct și fără nici un fel de întrerupere
    • Privilegiul de a-ți face noi prieteni si de a învăța lucruri noi
    • Șanșa de a face parte din staff și dintr-o comunitate sigură
    • Posibilitatea de a învăța tot ceea ce nu cunoști
    • Șanșa și sprijinul de a-ți dezvolta planurile în lumea internetului și mai mult.

    Te invităm să te Înregistrezi acum pe forumul nostru, să ne cunoaștem și să ne începem împreună aventura și colaborarea pe internet!

Bobillho

[Tutorial] - Cum pui un videoclip intr-un site HTML?

Postări Recomandate

Exemplu

Redați un videoclip:

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.

Definiție și utilizare

Eticheta <video> specifică videoclipul, cum ar fi un clip video sau alte fluxuri video.

În prezent, există 3 formate video acceptate pentru elementul <video>: MP4, WebM și Ogg:

Browser MP4 WebM Ogg
Internet Explorer YES NO NO
Chrome YES YES YES
Firefox YES
from Firefox 21
from Firefox 30 for Linux
YES YES
Safari YES NO NO
Opera YES
From Opera 25
YES YES
  • MP4 = fișiere MPEG 4 cu codec video H264 și codec audio AAC
  • WebM = fișiere WebM cu codec video VP8 și codec audio Vorbis
  • Ogg = fișiere Ogg cu codec video Theora și codec audio Vorbis

Tipuri MIME pentru formatele video

Format MIME-type
MP4 video/mp4
WebM video/webm
Ogg video/ogg

 

Suport pentru browser

Numerele din tabel specifică prima versiune de browser care acceptă pe deplin elementul.

Element          
<video> 4.0 9.0 3.5 4.0 10.5

Diferențe între HTML 4.01 și HTML5

Eticheta <video> este nouă în HTML5.


Sfaturi și note

Sfat: Orice text între etichetele <video> și </ video> va fi afișat în browserele care nu acceptă elementul <video>.


Atribute opționale

Attribute Value Description

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
autoplay Specifies that the video will start playing as soon as it is ready

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
controls Specifies that video controls should be displayed (such as a play/pause button etc).

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
pixels Sets the height of the video player

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
loop Specifies that the video will start over again, every time it is finished

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
muted Specifies that the audio output of the video should be muted

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
URL Specifies an image to be shown while the video is downloading, or until the user hits the play button

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
auto
metadata
none
Specifies if and how the author thinks the video should be loaded when the page loads

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
URL Specifies the URL of the video file

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
pixels Sets the width of the video player

Atribute globale

Eticheta <video> acceptă, de asemenea, 

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
 .


Atributele evenimentului

Eticheta <video> acceptă, de asemenea, 

Conținut ascuns

    Trebuie să te loghezi sau să te înregistrezi pentru a vedea link-urile și imaginile externe.
 .

Partajează acest post


Link spre post
Distribuie pe alte site-uri
Vizitator
Răspunde la acest topic...

×   Alipit ca text avansat.   Alipește ca text simplu

  Doar 75 emoji sunt permise.

×   Linkul tău a fost încorporat automat.   Afișează ca link în schimb

×   Conținutul tău precedent a fost resetat.   Curăță editor

×   Nu poți lipi imagini direct. Încarcă sau inserează imagini din URL.


×
×
  • Creează nouă...