V tomto tutoriálu vás naučím jak na vaši webovou stránku vložit video z youtube, které se spustí automaticky při načítání stránky a nemá zvuk. K tomu použijeme API poskytnuté Youtbe. Budeme muset psát kód v JavaScriptu, ve skutečnosti velmi málo, pojďme začít.
Krok 1
První věc, kterou potřebujeme pokračovat, je identifikátor videa, které chceme nahrát. Za tímto účelem zadáme YouTube a hledáme požadované video, jehož ID bude pocházet z v = v rámci adresy URL, na následujícím obrázku vám ukážu příklad:
Nyní můžeme skript přidat na naši stránku, níže vysvětlím některé detaily, které je třeba vzít v úvahu.
Krok 2
V našem HTML potřebujeme mezeru, kam přidat hráče, k tomu použijeme div, že instrukce v kódu je tato (id je nezbytný pro funkci, kterou používáme z API):
Krok 3
Propojujeme rozhraní YouTube API s naší stránkou, proto píšeme následující pokyny:
Všimněte si, že se jedná o asynchronní zatížení.
Krok 4
Přidáme nějaké tagy skriptu (na konec samotného těla), v nich vytvoříme funkci onYouTubeIframeAPIReady (). Název funkce, kterou musíte nechat, takto. V rámci této funkce nakonfigurujeme šířku, výšku přehrávače, ID videa a některé další vlastnosti.
[color = # a9a9a9] Kód s Youtube API [/ color]
Nějaké postřehy
- Je nutné zadat ID videa ID videa.
- Pro automatické spuštění se používá automatické přehrávání, 1 bude, že začíná samostatně, pokud zadáte 0, nebude.
- K umlčení je v oblasti událostí použita následující funkce:
onReady: funkce (e) {e.target.mute (); }Můžete také nakonfigurovat počet opakování videa (smyčka), pokud jsou zobrazeny ovládací prvky, například přehrávání, hlasitost atd.
Zde je kompletní kód:
Při otevírání souboru, který má výše uvedený kód, se zobrazí přehrávač, jak je vidět na následujícím obrázku:
ZVĚTŠIT
V případě, že chcete kód, nechám vám zde zip:
videoYoutube.zip 533 bytů 245 stažení
