I den här handledningen ska jag lära dig hur man sätter in en youtube -video på din webbsida som startar automatiskt när du läser in en sida och inte har något ljud. För detta kommer vi att använda API: et som tillhandahålls av Youtbe. Vi kommer att behöva skriva kod i JavaScript, väldigt lite faktiskt, låt oss komma igång.
Steg 1
Det första vi behöver fortsätta är identifieraren för videon vi vill ladda upp. För detta går vi in på YouTube och letar efter önskad video, id: n kommer från v = inom URL: en, i följande bild visar jag dig ett exempel:
Nu kan vi lägga till manuset till vår sida, nedanför förklarar jag några detaljer att ta hänsyn till.
Steg 2
Vi behöver ett utrymme i vår HTML där vi ska lägga till spelaren, för detta använder vi en div, att instruktionen i koden är denna (id: en är nödvändig för funktionen vi använder från API: et):
Steg 3
Vi länkar YouTube API till vår sida, för detta skriver vi följande instruktion:
Observera att detta är en asynkron belastning.
Steg 4
Vi lägger till några skriptetiketter (i slutet av själva kroppen), i dem skapar vi funktionen onYouTubeIframeAPIReady (). Namnet på funktionen måste du lämna den så här. Inom denna funktion kommer vi att konfigurera bredden, höjden på spelaren, videoens ID och några fler egenskaper.
[color = # a9a9a9] Kod med Youtube API [/ color]
Några insikter
- Video -ID måste anges videoId.
- För autostart används autospela, 1 kommer att vara att den börjar ensam, om du sätter 0 så kommer den inte.
- För att tysta det används följande funktion inom händelseområdet:
onReady: funktion (e) {e.target.mute (); }Du kan också konfigurera antalet gånger videon upprepas (loop), om kontrollerna visas, till exempel uppspelning, volym, etc.
Här är hela koden:
När du öppnar filen som har koden ovan, kommer spelaren att visas, enligt följande bild:
FÖRSTORA
Om du vill ha koden lämnar jag här en zip:
videoYoutube.zip 533 byte 245 Nedladdningar
