Pridanie videa cez element Video
Pridanie videa cez Vlastný HTML kód
Pre každú zo šiestich možností platí tento postup
-
Zapneme editačný režim kliknutím na Upraviť aktuálnu stránku.
Pridanie videa cez element Video
-
Zvolíme (klikneme) si miesto - objekt, stĺpec kde video má byť umiestnené
-
Klikneme na záložku Pridať a a potom na Video
Objaví sa čierna plocha, postupujeme nasledovne:
- klikneme na čiernu plochu, a následne na Vybrať
-
objaví sa adresár, z ktorého si vyberieme video, po tom čo ho tam nahráme (podrobnejší postup na nahratie videa do adresára je v návode Nahratie fotografií, videí alebo súborov do priečinku v adresári)
Pridanie videa cez element Video
-
Zvolíme (klikneme) si miesto - objekt, stĺpec kde video má byť umiestnené
-
Klikneme na záložku Pridať a potom na Video
Druhým spôsobom ako pridať video do adresára je vloženie linku z Youtube.
-
skopírujeme link videa, ktoré chceme nahrať
-
klikneme na Prehliadať médiá
-
zvolíme si priečinok a klikneme na Pridať link
-
skopírovaný link vložíme do riadku a potvrdíme kliknutím na tlačidlo Submit
-
náhľad videa sa zobrazí v adresári, pri pridávaní takto nahratého videa postupujeme rovnako, ako pri prvom spôsobe
Pridanie videa cez vlastný html kód
-
Klikneme na záložku Pridať a potom na konci lišty na Vlastný HTML kód
-
Zobrazí sa nám miesto, kde môžeme vkladať vlastné kódy
-
Vložíme tam - <div style="position: relative; padding-bottom: 56.25%;"><video controls="" style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;" poster="/media/content/media/slider1/stream.jpg"><source src="/media/content/media/audi-gw-plus/stream.mp4" type="video/mp4"></video></div>
Pridanie videa cez vlastný html kód
-
Klikneme na záložku Pridať a potom na konci lišty na Vlastný HTML kód
-
Zobrazí sa nám miesto, kde môžeme vkladať vlastné kódy
-
Vložíme tam - <video controls="" style="height: 650px; margin: 0px auto; display: block;" src="link na video z youtube"></video>
Pridanie videa cez vlastný html kód
-
Klikneme na záložku Pridať a potom na konci lišty na Vlastný HTML kód
-
Zobrazí sa nám miesto, kde môžeme vkladať vlastné kódy
-
Vložíme tam - <video controls="" style="height: 650px; margin: 0px auto; display: block;" src="/cesta-k-suboru/nazov-videa/stream.mp4"></video>
Prácu si priebežne ukladáme tlačidlom Uložiť.
<div style="position: relative; padding-bottom: 56.25%;"><video controls="" style="width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;" poster="/media/content/media/sem-napisete-nazov-nahladoveho-obrazku/stream.jpg"><source src="/media/content/media/sem-napisete-nazov-videa/stream.mp4" type="video/mp4" ></video></div>
-
poster="/media/content/media/sem-napisete-nazov-nahladoveho-obrazku/stream.jpg": Určuje náhľadový obrázok, ktorý sa zobrazí predtým, než používateľ začne prehrávať video. Ak video ešte nie je spustené, používateľ uvidí obrázok namiesto prázdnej obrazovky. (V prípade, že obrázok nemáme nahratý v adresári media, ale máme ho v nejakom podadresári, je potrebné napísať celú cestu k súboru, napr. - /media/content/media/moje-obrazky/nazov-nahladoveho-obrazku/stream.jpg)
-
src="/media/content/media/sem-napisete-nazov-videa/stream.mp4": Toto je cesta k video súboru, ktorý sa bude prehrávať. (V prípade, že video nemáme nahraté v adresári media, ale máme ho v nejakom podadresári, je potrebné napísať celú cestu k súboru, napr. - /media/content/media/moje-videa/nazov-videa/stream.mp4)