U ovom tutorijalu ću vas naučiti kako umetnuti YouTube video na svoju web stranicu koja se automatski pokreće pri učitavanju stranice i nema zvuk. Za to ćemo koristiti API koji nudi Youtbe. Morat ćemo napisati kôd u JavaScript, zapravo vrlo malo, počnimo.
Korak 1
Prvo što trebamo nastaviti je identifikator videozapisa koji želimo prenijeti. Za to ulazimo na YouTube i tražimo željeni video, ID ovog će doći iz v = unutar URL -a, na sljedećoj slici pokazujem vam primjer:
Sada možemo dodati skriptu na našu stranicu, ispod objašnjavam neke detalje koje treba uzeti u obzir.
Korak 2
Potreban nam je prostor u HTML -u gdje možemo dodati player, za to koristimo div, ta uputa u kodu je ova (id je neophodan za funkciju koju koristimo iz API -ja):
Korak 3
YouTube API povezujemo sa svojom stranicom, za to pišemo sljedeće upute:
Imajte na umu da je ovo asinhrono opterećenje.
Korak 4
Dodamo neke oznake skripte (na kraju samog tijela), u njima ćemo stvoriti funkciju onYouTubeIframeAPIReady (). Naziv funkcije morate ostaviti ovako. Unutar ove funkcije konfigurirat ćemo širinu, visinu playera, ID videozapisa i još neke karakteristike.
[color = # a9a9a9] Kôd s YouTube API -jem [/ color]
Neki uvidi
- Mora se unijeti ID videozapisa videoId.
- Za automatsko pokretanje koristi se auto Play, 1 će biti da počinje sam, ako stavite 0 neće.
- Da biste je utišali, unutar područja događaja koristi se sljedeća funkcija:
onReady: function (e) {e.target.mute (); }Također možete konfigurirati koliko se puta videozapis ponavlja (petlja), ako su prikazane kontrole, poput reprodukcije, glasnoće itd.
Evo potpunog koda:
Prilikom otvaranja datoteke koja ima gornji kôd, pojavit će se player, kao što se vidi na sljedećoj slici:
POVEĆAJTE
U slučaju da želite kod, ostavljam vam poštanski broj:
videoYoutube.zip 533 bajta 245 preuzimanja
