Pridanie videa z youtube cez iframe

Ako na stránku pridať video z YouTube pomocou HTML kódu iframe pre responzívne zobrazenie. Podrobnosti zahŕňajú výber videa na YouTube, kopírovanie embed kódu a jeho vloženie do editačného režimu na stránke.

1) Pridanie videa na stránku

Zapneme editačný režim kliknutím na Upraviť aktuálnu stránku.

  • označíme si miesto, kde chceme pridať video

  • v záložke Pridať vyberieme Vlastný HTML kód

  • klikneme na text, ktorý sa nám zobrazil

  • do bieleho políčka vložíme nasledovný text

    • <div style="position: relative; padding-bottom: 56.25%"> <iframe style="width:100%; height:100%; position:absolute; left:0px; top:0px;" frameborder="0" width="100%" height="100%" allowfullscreen="allowfullscreen" allow="autoplay" src="YOUTUBE_VIDEO_URL"></iframe></div>

  • YOUTUBE_VIDEO_URL nahradíme linkom videa z YouTube (podrobnejší postup ako skopírovať link z youtube je v ďalšom kroku)

2) Skopírovanie linku z YouTube

  • nájdeme si na YouTube video, ktoré chceme pridať na stránku

  • v dolnej časti pod videom klikneme na Share

  • klikneme na Embed

  • označíme si link videa za textom src= medzi úvodzovkami a vložíme ho namiesto textu YOUTUBE_VIDEO_URL na našej stránke

Video je pridané na stránke a je responzívne.

Prácu priebežne ukladáme tlačidlom Uložiť.   

Značky článkov

Mohlo by Vás zaujímať:

Nasadenie heureky

Vytvorenie konkrétnych cien na časové obdobie

Eshop so skladom / bez skladu

Captcha - neviditeľná

Komentáre a hodnotenia

Prázdny