Videó beillesztés szöveges tartalomba a Youtubeból

A rendszer több helyén is lehetséges videót beilleszteni a Youtube videó megosztó rendszeréből.

1. Regisztrációt követően töltse fel a videót a Youtube rendszerébe az alábbi linken:

 http://upload.youtube.com/my_videos_upload

2. Menjen a videó oldalára, és a videó alatt kattintson először a Megosztás, majd a megjelenő Beágyazás gombokra. Így meg fog jelenni egy új mező, ahol ehhez hasonló HTML kódot fog majd látni:

 <iframe width="560" height="315" src="//www.youtube.com/embed/nw7_uU8K_JQ" frameborder="0" allowfullscreen></iframe>

3. Kicsivel lentebb ki is tudja választani, hogy milyen szélességben, magasságban jelenjen meg a videó. Mivel a ShopRenterben egy szöveges tartalomban 500 pixel széles videó fér el kényelmesen, így írja be az egyedi dobozba a Szélesség-hez azt, hogy 500. Ezután nyugodtan kimásolhatja a HTML kódot.

4. Hozzon létre vagy módosítson egy tetszőleges szöveges tartalmat. A főoldal tetején megjelenő köszöntő szövegben is elhelyezhet videót.

5. A szöveges tartalom szövegszerkesztőjénél álljon be a kurzorral oda, ahova a videót szeretné elhelyezni. Majd kattintson a szöveg fölötti menüsorban az alsó sor jobbról a legelső Embed Media gombra, és illessze be a kódot. 

 

A videó automatikus elindulásához, a videó beillesztéshez hasonlóan kell a kódot megadni, ezzel a plusz kóddal ellátva

?autoplay=1
 
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/nw7_uU8K_JQ?list=UUXt-ak-UlXeSjKdJE2IQTLw?autoplay=1" frameborder="0" allowfullscreen></iframe>
 
A némításához pedig, az alábbi kóddal, kell kiegészíteni a youtube videó linkjét: 
 
&mute=1
 
A ShopRenterben beillesztés után így fog kinézni az iframe. Érdemes a beillesztés után hozzá adni a "mute" paramétert a példán keresztül láthatóan : 
<iframe :void="" allow="accelerometer; autoplay; encrypted-media; gyroscope; loop; picture-in-picture" allowfullscreen="" frameborder="0" scrolling="no" src="https://www.youtube.com/embed/YVg5m-H7N2Q?autoplay=1&amp;loop=1&amp;&amp;mute=1&amp;playlist= YVg5m-H7N2Q" volume="0" width="100%"></iframe>
Van még kérdése? Kérelem beküldése