Ultimele tutoriale de dezvoltare web

HTML Videoclipuri YouTube


Cel mai simplu mod de a reda clipuri video în HTML, este de a utiliza YouTube.


Luptând cu formatele video?

Diferite versiuni de browsere diferite suporta diferite formate video.

Mai devreme în acest tutorial, ați văzut că ați putea avea de a converti videoclipurile în diferite formate video pentru a le face juca în toate browserele.

Conversia video în format diferite poate fi dificilă și consumatoare de timp.

O soluție ar putea fi mai ușor pentru a permite YouTube reda clipuri video în pagina web.


Id-ul video YouTube

YouTube va afișa un act de identitate (like XGSy3_Czz8k) , atunci când salvați (or play) un videoclip.

Puteți utiliza acest ID, și se referă la videoclipul în HTML.


Redarea unui video YouTube în HTML

Pentru a reda videoclipul pe o pagină Web, efectuați următoarele:

  • Încărcați videoclipul pe YouTube
  • Ia-o notă de identificare a videoclipului
  • Definiți un <iframe> element din pagina web
  • src punctul atribut la adresa URL a videoclipului
  • Utilizați lățimea și înălțimea atributele pentru a specifica dimensiunea player-
  • Adăugați orice alți parametri la adresa URL

Exemplu - Utilizarea iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>
Încearcă - l singur »

Parametrii YouTube

ascundere automată

Valoare 0: Controalele jucător sunt întotdeauna vizibile.

Valoare 1: jucătorul controlează ascunde în mod automat atunci când joacă video.

Valoarea 2 (default) : Dacă jucătorul are 16: 9 sau 4: 3, același ca 1, altfel aceeași ca și 0.

Redare automata

Valoarea 0 (default) : Videoclipul nu va juca în mod automat atunci când se încarcă playerul.

Valoare 1: Videoclipul va fi redat automat atunci când playerul se încarcă.

controale

Valoarea 0: Comenzile playerului nu se afișează. Sarcinile video pe care le.

Valoare 1 (default) : jucător controlează afișare. Sarcinile video pe care le.

Valoarea 2: jucător controlează afișare, dar video nu se incarca înainte ca utilizatorul inițiază redarea.

buclă

Valoarea 0 (default) : videoclipul va fi redat doar o singură dată.

Valoare 1: Bucla video se va (forever) pentru (forever) .

lista de redare

O virgulă listă de clipuri video pentru a juca separate (in addition to the original URL) de (in addition to the original URL) - (in addition to the original URL) .


YouTube <object> Încorporări

YouTube <object> încorporări au fost depreciate din ianuarie 2015.

Ar trebui să migrați aplicațiile pentru a utiliza <iframe> încorporări.

Exemplu - Utilizarea <object> (deprecated)

<object width="420" height="315"
data="http://www.youtube.com/embed/XGSy3_Czz8k">
</object>
Încearcă - l singur »

Exemplu - Utilizarea <embed> (deprecated)

<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Încearcă - l singur »