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.js v CMS 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.