Fedezze fel a lényeget: Hogyan ágyazhat be egyszerűen videókat a Joomla cikkekbe

A Joomla beépített funkcionalitással rendelkezik például a YouTube-ról vagy a Vimeo-ról, vagy bármely más, beágyazási kódokat biztosító platformról származó videók beágyazására, ehhez nem kell semmit telepítenie, csak egy kis előkészületre van szüksége.

Ebben a példában megmutatom, hogyan ágyazhat be egy YouTube-videót egy Joomla 4-es cikkbe. Ennek két módja van: a szuperegyszerű és a még mindig nagyon egyszerű módszer. Mindkét mód először egy kis előkészületet igényel.

Előkészítés: először ezt tegye

Ahhoz, hogy videókat ágyazzon be a webhelyébe, a YouTube IFrame-et vagy „inline frame”-et használ. Ez egy gyakori módja más tartalom beágyazásának az aktuális HTML-dokumentumba. 

Alapértelmezés szerint a Joomla szerkesztő (TinyMCE) törli az IFrame kódot, ezért először ezt kell engedélyeznie.

A háttérben lépjen a Rendszer -> Kezelés -> Beépülő modulok elemre

Rendszer -> Kezelés -> Beépülő modulok

A lista tetején lévő keresőmezőbe írja be a „Tiny” szót és a keresési ikont. A keresési eredménynek most a TinyMCE szerkesztő beépülő modulnak kell megjelennie.

A bővítmények listája

Kattintson a címre a megnyitáshoz.

A TinyMCE három szerkesztőkészlettel rendelkezik a Joomlában. A 0. készlet a legkiterjedtebb, webhely-adminisztrátorok és szuperfelhasználók számára használható. Ebben a példában azt szeretném, ha ez a csoport tudna hozzáadni IFrame-eket, ezért módosítani fogom a Set beállításait 0.

TinyMCE szerkesztői profiljai

Görgessen le a Tiltott elemek részhez . Ez egy kis listát mutat: script,applet,iframe.

Tiltott elemek a TinyMCE-ben

Távolítsa el az „iframe”-et, és mentse a beállításokat.

Most már minden készen áll az első videód beágyazására!

YouTube-videó beágyazása – a Szuperkönnyű mód

A YouTube-on (vagy a Vimeo-n vagy bármely platformon, amelyről videókat szeretne beágyazni), kattintson a beágyazni kívánt videó alatti Megosztás gombra.

Megosztás gomb a YouTube videóban

Megnyílik egy előugró ablak. A Megosztás gombok alatt láthatja a videó URL-jét és a másolás gombot.

Kattintson a másolás gombra az URL másolásához.

A videó beágyazása a Joomla-cikkbe

Hozzon létre egy új cikket, vagy nyissa meg azt a cikket, amelyben a videó szerepelni fog.

Helyezze a kurzort pontosan arra a helyre, ahol meg szeretné jeleníteni a videót.

A szerkesztő eszköztárában kattintson a Beszúrás gombra. A legördülő menüben válassza a Média lehetőséget.

Beszúrás gomb, legördülő menü a média kiválasztásához

 

Most megjelenik egy előugró ablak. A bal felső sarokban azt látja, hogy az Általános ki van választva. Másolja ki az URL-t a Forrás mezőbe.

A Width (Szélesség ) és Height (Magasság) mezőben a videód méretei előre kitöltésre kerülnek. Ezeket tetszés szerint módosíthatja.

Ha rákattint a Beágyazás lehetőségre (a második lehetőség a bal oldalon, az Általános alatt ), látni fogja, hogy a beágyazási kód kitöltve lett.

Az előugró ablak bezárul, és a videód megjelenik a szerkesztő szövegmezőjében.

Képernyőkép háttérbeágyazott videó

 

YouTube-videó beágyazása – a Még mindig elég egyszerű módszer

A YouTube-on (vagy a Vimeo-n vagy bármely platformon, amelyről videókat szeretne beágyazni), kattintson a beágyazni kívánt videó alatti Megosztás gombra.

Megosztás gomb a YouTube videóban

Megnyílik egy előugró ablak. Kattintson a beágyazás gombra (ez az első balról).

Beágyazás gomb a YouTube-hoz

Megnyílik egy másik előugró ablak, amely megmutatja a videódat, és a jobb oldalon megjelenik a beágyazási kód, valamint néhány lehetőség.

Alul, a jobb sarokban található a Másolás lehetőség. Kattintson rá. A beágyazási kód kékre vált (bónusztipp: ha olyan káosz van a lábán, mint én, akkor itt az ideje beilleszteni a Jegyzettömbbe vagy valamibe, így akkor is meglesz, ha útközben eltereli a figyelmedet).

YouTube beágyazási kód

A videó beágyazása a Joomla-cikkbe

Hozzon létre egy új cikket, vagy nyissa meg azt a cikket, amelyben a videó szerepelni fog.

Helyezze a kurzort pontosan arra a helyre, ahol meg szeretné jeleníteni a videót.

A szerkesztő eszköztárában kattintson a Beszúrás gombra. A legördülő menüben válassza a Média lehetőséget.

Beszúrás gomb, legördülő menü a média kiválasztásához

 

Most egy előugró ablak jelenik meg. A bal felső sarokban az Általános ki van választva. Közvetlenül alatta a Beágyazás és a Speciális. Válassza a Beágyazás lehetőséget.

A média beszúrása/szerkesztése felugró ablak opciókkal

A felugró ablak megváltozik, és most van egy szöveges terület, amelybe beillesztheti a beágyazási kódot. Kattintson a Mentés gombra a jobb alsó sarokban. 

Az előugró ablak bezárul, és a videód megjelenik a szerkesztő szövegmezőjében.

Képernyőkép háttérbeágyazott videó

Utolsó lépés: mentse el a cikket

Mentse el cikkét a bal felső sarokban található Mentés gombbal vagy a közvetlenül mellette lévő Mentés és bezárás gombbal.

Ha most ellenőrzi a webhelyet a kezelőfelületen, a videónak láthatónak kell lennie.

Képernyőkép elülső beágyazott videó

Ez az, minden kész!

Mielőtt úgy döntöttem, hogy profi leszek a Joomlával (2014-ben), 15 évig író/újságíró voltam.

2009-ben kezdtem el dolgozni a Joomlával, semmit sem tudtam a webdesignról. 2012-ben csatlakoztam egy JUG-hoz, két hónappal később társszervező voltam :) (és kb öt évig maradtam társszervező) Cikkeket írtam a Joomláról egy Holland webdesigner magazin, és felszólal a JUGs és a JoomlaDays rendezvényeken. Három évig voltam a holland JoomlaDagen csapat tagja. 2017 óta tagja vagyok a Joostockot szervező csapatnak (Joomlacamp/unconference esemény).

Szerkesztője voltam a holland Joomla webügynökség brosúrájának, amelynek segítségével a webdesignerek meggyőzhetik potenciális ügyfeleiket arról, hogy a Joomla a megfelelő választás számukra. A

Joomla Forum for the Future (2020) rendezvényen önként jelentkeztem szerzőként/bloggerként/ szövegíró.

Partneremmel egy webes ügynökséget, a WebLab42-t vezetünk Hollandiában , weboldalakat készítünk és tartunk fenn kisvállalkozások és non-profit szervezetek számára.

Kérjük, vegye figyelembe, hogy ez a webhely automatikus fordítórendszert használ a különböző nyelvek fordításához. Elnézést kérünk a különböző szövegekben előforduló hibákért vagy elírásokért.