În acest tutorial am să vă învăț cum să inserați un videoclip YouTube pe pagina dvs. web care începe automat la încărcarea unei pagini și nu are sunet. Pentru aceasta vom folosi API-ul furnizat de Youtbe. Va trebui să scriem cod în JavaScript, de fapt foarte puțin, să începem.
Pasul 1
Primul lucru pe care trebuie să îl continuăm este identificatorul videoclipului pe care dorim să-l încărcăm. Pentru aceasta intrăm pe YouTube și căutăm videoclipul dorit, ID-ul acestuia va veni de la v = din URL, în următoarea imagine vă arăt un exemplu:
Acum putem adăuga scriptul la pagina noastră, mai jos explic câteva detalii de care să ții cont.
Pasul 2
Avem nevoie de un spațiu în HTML în care să adăugăm playerul, pentru aceasta folosim un div, instrucțiunea din cod este aceasta (ID-ul este necesar pentru funcția pe care o folosim din API):
Pasul 3
Conectăm API-ul YouTube la pagina noastră, pentru aceasta scriem următoarea instrucțiune:
Rețineți că aceasta este o încărcare asincronă.
Pasul 4
Adăugăm câteva etichete de script (la capătul corpului în sine), în ele vom crea funcția onYouTubeIframeAPIReady (). Numele funcției trebuie să o lăsați așa. În cadrul acestei funcții vom configura lățimea, înălțimea playerului, ID-ul videoclipului și câteva alte caracteristici.
[color = # a9a9a9] Cod cu API-ul YouTube [/ color]
Câteva intuiții
- ID-ul videoclipului trebuie introdus videoId.
- Pentru pornirea automată se folosește Redare automata, 1 va fi că începe singur, dacă puneți 0 nu o va face.
- Pentru a-l reduce, următoarea funcție este utilizată în zona evenimentelor:
onReady: function (e) {e.target.mute (); }De asemenea, puteți configura numărul de repetări ale videoclipului (buclă), dacă sunt afișate comenzile, cum ar fi redarea, volumul etc.
Iată codul complet:
La deschiderea fișierului care are codul de mai sus, playerul va apărea, așa cum se vede în următoarea imagine:
MARI
În cazul în care doriți codul, vă las aici un zip:
videoYoutube.zip 533 octeți 245 Descărcări
