I denne tutorial vil jeg lære dig hvordan du indsætter en youtube -video på din webside, der starter automatisk, når du indlæser en side og ikke har nogen lyd. Til dette vil vi bruge API'en fra Youtbe. Vi bliver nødt til at skrive kode i JavaScript, meget lidt faktisk, lad os komme i gang.
Trin 1
Den første ting, vi skal fortsætte, er identifikatoren for den video, vi vil uploade. Til dette går vi ind på YouTube og leder efter den ønskede video, id'et for dette kommer fra v = inden for webadressen, i følgende billede viser jeg dig et eksempel:
Nu kan vi tilføje scriptet til vores side, herunder forklarer jeg nogle detaljer, der skal tages i betragtning.
Trin 2
Vi har brug for et mellemrum i vores HTML, hvor vi kan tilføje afspilleren, til dette bruger vi en div, at instruktionen i koden er denne (id'et er nødvendigt for den funktion, vi bruger fra API'en):
Trin 3
Vi linker YouTube API til vores side, til dette skriver vi følgende instruktion:
Bemærk, at dette er en asynkron belastning.
Trin 4
Vi tilføjer nogle script -tags (i slutningen af selve kroppen), i dem opretter vi funktionen onYouTubeIframeAPIReady (). Navnet på funktionen skal du lade den være sådan. Inden for denne funktion konfigurerer vi bredden, højden på afspilleren, videoens ID og nogle flere egenskaber.
[color = # a9a9a9] Kode med Youtube API [/ color]
Nogle indsigter
- Video -id'et skal indtastes videoId.
- Til autostart bruges automatisk afspilning, 1 vil være, at det starter alene, hvis du sætter 0, vil det ikke.
- For at dæmpe det bruges følgende funktion inden for begivenhedsområdet:
onReady: funktion (e) {e.target.mute (); }Du kan også konfigurere antallet af gange, videoen gentages (loop), hvis kontrolelementerne vises, f.eks. Afspilning, lydstyrke osv.
Her er den komplette kode:
Når du åbner filen, der har koden ovenfor, vises afspilleren, som det ses på følgende billede:
FORSTØRRE
Hvis du vil have koden, efterlader jeg dig her en zip:
videoYoutube.zip 533 bytes 245 Downloads
