Přidání audia a videa na WebEditor stránku pomocí kód

Kromě použití jednoho z našich mnoha widgetů si můžete na svoji WebEditor stránku přidat také audio a video pomocí HTML a komponent kódu. V tomto návodu vám vysvětlíme, jak na to. 

Obsah článku: 

1. Nahrajte audio nebo video soubor do svého webového prostoru 
2. Otevřete WebEditor 
3. Vložte kód do WebEditoru 
4. Uložte a publikujte 

Poznámka: Komponent kódu je funkce balíčků Pro a WebShop. Pokud momentálně používáte nižší předplatné, můžete jej upgradovat nebo místo toho použít YouTube widget. 

Krok 1 Nahrajte audio nebo video soubor do svého webového prostoru 

Nejprve nahrajte svůj audio nebo video soubor do svého webového prostoru pomocí Správce souborů nebo FTP. Audiosoubory by měly být ve formátu mp3 a videosoubory v mp4. 

1. Přihlaste se do ovládacího panelu. 
2. Otevřete Správce souborů na dlaždici Soubory a zabezpečení. 
3. Klikněte na + Nahrát a vyberte audio (mp3) nebo video (mp4) soubor, který chcete vložit na svou stránku. 
4. Zkopírujte úplnou cestu k souboru a vložte ji do textového souboru pro pozdější použití. 

Krok 2 Otevřete WebEditor 

1. Otevřete WebEditor. 
2. Klikněte na Widgety v levém menu s komponenty. 
3. Přejděte níže a klikněte na Kód. 

Krok 3 Vložte kód do WebEditoru 

1. Zkopírujte jeden z níže uvedených vzorů kódu a vložte jej do komponenty s kódem ve WebEditoru. 
2. Nahraďte FULL PATH ve vzoru kódu úplnou cestou k vašemu zvukovému nebo video souboru. 
3. Klikněte na Uložit. 

Vyberte si jeden z níže uvedených vzorů nebo si vytvořte vlastní kód pomocí HTML <audio> tagu a HTML <video> tagu. Nezapomeňte nahradit FULL PATH úplnou cestou k vašemu audio nebo videosouboru. 

Audio: 

Vložte zvukový mp3 soubor: 

<audio controls>  

<source src=“FULL PATH“ type=“audio/mpeg“>  

</audio> 

Vložte mp3 soubor, který se začne automaticky přehrávat: 

<audio controls autoplay>  

<source src=“FULL PATH“ type=“audio/mpeg“>  

</audio> 

Poznámka: Některé prohlížeče omezují automatické přehrávání zvuku nebo videa, i když si je přidáte do svého kódu. 

Video: 

Vložte video mp4 soubor: 

<video width=“640″ height=“480″ controls>  

<source src=“FULL PATH“ type=“video/mp4″>  

</video> 

Vložte video mp4 soubor, který se začne automaticky přehrávat: 

<video width=“640″ height=“480″ controls autoplay>  

<source src=“FULL PATH“ type=“video/mp4″>  

</video> 

Tip: Výchozí velikost videa je 640×480. Velikost můžete změnit úpravou číselných hodnot šířky a výšky v kódu. Video můžete přizpůsobit obrazovce diváka změnou šířky na 100 % (width=“100%“) a výšky na „auto“ (height=“auto“). 

Krok 4 Uložte a publikujte 

1. Komponenta bude nyní přidána do vašeho pracovního prostoru. Přetáhněte komponentu na místo, kde má být soubor umístěn na vaší stránce. 
2. Klikněte na Náhled, abyste zkontrolovali, zda vypadá tak, jak chcete. 
3. Pokud je vše v pořádku, klikněte na Uložit a Publikovat, aby se vaše změny projevily online. 

Tip: Přidejte na svou stránku komponentu rámeček se stejnými rozměry jako vaše video a připojte k němu komponentu kód. Usnadní to ovládání umístění zvuku nebo videa. Velikost videa je určena výškou a šířkou v HTML kódu.