tigtools

YouTube beágyazókód-generátor

Illesszen be egy YouTube-linket, válassza ki a lejátszó beállításait, és másolja az iframe-kódot a webhelyére. A reszponzív mód a befoglaló elem teljes szélességét kitölti 16:9 arányban.

Böngészőben fut Regisztráció nélkül

Videó

Lejátszás

Nyelvkód, például en, de vagy pt-BR. Megadja a lejátszó felületének nyelvét, feliratok bekapcsolásakor pedig a kívánt feliratnyelvet.

Méret és oldal

Méret

A lejátszó kitölti a tárolója teljes szélességét, és megtartja a 16:9 arányt a jelenlegi böngészők által támogatott CSS aspect-ratio tulajdonság segítségével.

Leírja a lejátszót a képernyőolvasók számára. Ha teheti, használja a videó címét.

Beágyazókód

Illesszen be egy videóhivatkozást a beágyazókód megjelenítéséhez.

Használata

  1. Illessze be a YouTube-videó linkjét vagy a 11 karakterből álló azonosítóját.
  2. Állítsa be a kezdő- és záró időpontot, valamint a kívánt lejátszási beállításokat.
  3. Válasszon reszponzív vagy rögzített méretet, és adjon meg egy leíró címet.
  4. Másolja ki a HTML-t, és illessze be az oldalára vagy a webhelyépítője HTML blokkjába. Az Előnézet megjelenítése gombbal tesztelheti.

Hogyan működik

A kód a YouTube szabványos iframe lejátszóját használja. A beállítások URL-paraméterekként jelennek meg a lejátszó címében: start és end (másodpercben), autoplay, mute, loop a playlist paraméterrel, controls=0, cc_load_policy=1 a feliratokhoz, cc_lang_pref a felirat nyelvéhez, hl pedig a lejátszó nyelvéhez. A fokozott adatvédelmi mód a címet youtube-nocookie.com-ra cseréli.

Egyes beállításokra a YouTube vagy a böngészők korlátozásokat alkalmaznak. Az automatikus lejátszás csak némított videónál működik, ezért az eszköz az autoplay mellé a mute=1 paramétert is hozzáadja. Egyetlen videó ismétléséhez a playlist paramétert ugyanarra a videóazonosítóra kell állítani, amit az eszköz hozzáad. A feliratok csak akkor jelennek meg, ha a videóhoz vannak feliratok. Azok a videók, amelyeknél a tulajdonos letiltotta a beágyazást, hibaüzenetet jelenítenek meg a lejátszóban.

A reszponzív mód az iframe-et egy aspect-ratio: 16 / 9 és width: 100% értékű dobozba csomagolja, így a régi padding-bottom trükk nélkül méreteződik az oldallal. A rögzített mód width és height attribútumokat ír be. A lusta betöltés késlelteti a lejátszót, amíg az a lap látható részének közelébe nem ér.

Példák

Adatvédelem-barát reszponzív beágyazás

Alapbeállítások: youtube-nocookie.com, reszponzív 16:9 és lusta betöltés. Illessze be a kódrészletet bármely HTML-oldalba.

Háttérszerű ismétlés

Az automatikus lejátszás, az ismétlés és a vezérlők nélküli mód ezt a kódot adja: …/embed/ID?autoplay=1&mute=1&loop=1&playlist=ID&controls=0.

Csak egy rész lejátszása

Ha 1:00-nél kezdi és 2:30-nál állítja le, a start=60&end=150 paramétereket kapja, így a lejátszó csak azt a részt játssza le.

Gyakori kérdések

Miért nem indul el automatikusan hanggal a beágyazott videóm?

A böngészők blokkolják a hangos automatikus lejátszást. Az automatikus indításhoz a mute=1 paraméter szükséges, amelyet az eszköz automatikusan hozzáad; néhány böngésző vagy beállítás azonban még így is blokkolhatja.

Mit csinál a fokozott adatvédelmi mód?

A lejátszót a youtube-nocookie.com címről tölti be. A YouTube szerint így a látogatók adatait nem tárolják személyre szabáshoz, amíg nem indítják el a videót.

Miért van szükség a playlist= paraméterre az ismétléshez?

A YouTube loop paramétere csak lejátszási listával működik. Ha a playlist értékét ugyanarra a videóazonosítóra állítja, egyetlen videó ismétlődik.

Működik a generált kód a WordPressben?

Igen. Illessze be egy Egyéni HTML blokkba. Egyes webhelyépítők biztonsági okokból eltávolítják az iframe-eket; ilyenkor használja a saját videóblokkjukat.

Adatvédelem

A beágyazókód a böngészőben készül el, és semmilyen adat nem kerül elküldésre. A lejátszó csak akkor töltődik be a YouTube-ról (vagy a youtube-nocookie.com-ról), ha az Előnézet megjelenítése gombra kattint.