I denne opplæringen skal jeg lære deg hvordan du setter inn en youtube -video på nettsiden din som starter automatisk når du laster inn en side og ikke har lyd. For dette skal vi bruke API -et levert av Youtbe. Vi må skrive kode i JavaScript, veldig lite faktisk, la oss komme i gang.
Trinn 1
Det første vi må fortsette er identifikatoren for videoen vi vil laste opp. For dette går vi inn på YouTube og ser etter ønsket video, ID -en til dette kommer fra v = innenfor nettadressen, i det følgende bildet viser jeg deg et eksempel:
Nå kan vi legge til skriptet på siden vår, nedenfor forklarer jeg noen detaljer å ta hensyn til.
Steg 2
Vi trenger et mellomrom i HTML -koden vår hvor vi kan legge til spilleren, for dette bruker vi en div, instruksjonen i koden er denne (id er nødvendig for funksjonen vi bruker fra API):
Trinn 3
Vi knytter YouTube API til siden vår, for dette skriver vi følgende instruksjon:
Vær oppmerksom på at dette er en asynkron belastning.
Trinn 4
Vi legger til noen skriptkoder (på slutten av selve kroppen), i dem vil vi lage funksjonen onYouTubeIframeAPIReady (). Navnet på funksjonen må du la den være slik. Innenfor denne funksjonen vil vi konfigurere bredden, høyden på spilleren, videoens ID og noen flere egenskaper.
[color = # a9a9a9] Kode med Youtube API [/ color]
Noen innsikt
- Video -ID -en må legges inn videoId.
- For autostart brukes Auto spill, 1 vil være at det starter alene, hvis du setter 0 vil det ikke.
- For å dempe det, brukes følgende funksjon i hendelsesområdet:
onReady: funksjon (e) {e.target.mute (); }Du kan også konfigurere antall ganger videoen skal gjentas (loop), hvis kontrollene vises, for eksempel avspilling, volum, etc.
Her er den komplette koden:
Når du åpner filen som har koden ovenfor, vil spilleren vises, som vist på følgende bilde:
FORSTØRRE
Hvis du vil ha koden, forlater jeg deg her en zip:
videoYoutube.zip 533 byte 245 Nedlastinger
