Otevřít video v lightboxu

V základu můžete vložit video přímo do stránky ze služeb Youtube nebo Vimeo. Vzhledem k tomu, že je video samo o sobě poměrně náročný prvek na rychlost, můžete do stránky místo video vložit tlačítko, které na něj bude odkazovat. Pro zobrazení v lightboxu pak stačí přidat přes CMS Editor vzorový JS kód.

  • Vložte do stránky klasické tlačítko. Můžete zvolit i variantu ikonky s odkazem.
  • Nastavte URL odkazu na video na Youtube (např. https://www.youtube.com/embed/jF10Bn9wJIM)
  • V pokročilém nastavení odkazu přidejte třídu js-video-play
  • Zkopírujte JS kód z ukázky a vložte ho souboru init-app.jsCMS Editoru
  • PRO Tip:  V URL adrese Youtube videa můžete použít parametry pro odstranění ovládacích prvků nebo doporučených videí na konci přehrávání

Načítá se... Otevřít video v lightboxu by solidpixels (@solidpixels) na CodePenu.

Vyzkoušejte si, co jste se právě naučili