Kā ievietot YouTube videoklipu ar automātisku palaišanu un bez skaņas

Satura rādītājs

Šajā apmācībā es jūs iemācīšu kā savā tīmekļa lapā ievietot YouTube videoklipu, kas automātiski sākas, ielādējot lapu un kuram nav skaņas. Šim nolūkam mēs izmantosim Youtbe nodrošināto API. Mums būs jāraksta kods JavaScript, patiesībā ļoti maz, sāksim darbu.

1. darbība
Pirmā lieta, kas mums jāturpina, ir augšupielādējamā videoklipa identifikators. Šim nolūkam mēs ieejam vietnē YouTube un meklējam vēlamo videoklipu, kura ID tiks iegūts no v = URL, nākamajā attēlā es parādīšu piemēru:

Tagad mēs varam pievienot skriptu savai lapai, zemāk es izskaidroju dažas detaļas, kas jāņem vērā.

2. solis
Mūsu HTML ir nepieciešama vieta, kur pievienot atskaņotāju, šim nolūkam mēs izmantojam div, norādījums kodā ir šāds (ID ir nepieciešams funkcijai, kuru izmantojam no API):

Jūs varat ievietot vēlamo ID, ja to maināt, ievērojiet, ka 4. darbības kodā tas parādās arī, veidojot atskaņotāju, jums tas arī būs jāmaina, jo tas atsaucas uz šo div caur ID.

3. solis
Mēs saistām YouTube API ar mūsu lapu, tāpēc mēs rakstām šādu instrukciju:

 
Ņemiet vērā, ka šī ir asinhrona slodze.

4. solis
Mēs pievienojam dažus skripta tagus (paša ķermeņa beigās), tajos mēs izveidosim funkciju onYouTubeIframeAPIReady (). Funkcijas nosaukums, kas jums jāatstāj šāds. Šīs funkcijas ietvaros mēs konfigurēsim platumu, atskaņotāja augstumu, video ID un dažas citas īpašības.

 
[color = # a9a9a9] Kods ar Youtube API [/ color]

Dažas atziņas

  • Ir jāievada video ID videoId.
  • Tiek izmantota automātiskā palaišana automātiskā atskaņošana, 1 būs tāds, ka tas sākas viens, ja jūs ievietojat 0, tas nesāks.
  • Lai to izslēgtu, notikumu apgabalā tiek izmantota šāda funkcija:
 onReady: function (e) {e.target.mute (); }
Varat arī konfigurēt video atkārtošanās reižu skaitu (cilpa), ja tiek parādītas vadīklas, piemēram, atskaņošana, skaļums utt.

Šeit ir pilns kods:

Atverot failu ar iepriekš minēto kodu, tiks parādīts atskaņotājs, kā redzams šajā attēlā:

PALIELINĀT

Ja vēlaties kodu, es jums atstāju pasta indeksu:

videoYoutube.zip 533 baiti 245 lejupielādes

Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu

Jums palīdzēs attīstību vietā, daloties lapu ar draugiem

wave wave wave wave wave