Utforska kärnan: Hur du enkelt bäddar in videor i dina Joomla-artiklar

Joomla har inbyggd funktionalitet för att bädda in videor från till exempel YouTube eller Vimeo eller någon annan plattform som tillhandahåller inbäddningskoder.Du behöver inte installera något för detta, allt du behöver är lite förberedelser.

I det här exemplet ska jag visa dig hur du bäddar in en YouTube-video i en artikel i Joomla 4. Det finns två sätt att göra detta: det superenkla sättet och det fortfarande ganska enkla sättet. Båda sätten kräver lite förberedelse först.

Förberedelser: gör detta först

För att du ska kunna bädda in videor på din webbplats använder YouTube en IFrame eller "inline frame". Det är ett vanligt sätt att bädda in annat innehåll i det aktuella HTML-dokumentet. 

Som standard tar Joomla-redigeraren (TinyMCE) bort IFrame-kod, så du måste tillåta det först.

I din backend, gå över till System -> Hantera -> Plugins

System -> Hantera -> Plugins

I sökfältet överst i listan, skriv "Tiny" och sökikonen. Ditt sökresultat bör nu visa TinyMCE editor plugin.

Lista över plugins

Klicka på titeln för att öppna den.

TinyMCE har tre redigeringsuppsättningar i Joomla. Set 0 är den mest omfattande, som används för webbplatsadministratörer och superanvändare. I det här exemplet vill jag att den här gruppen ska kunna lägga till IFrames, så jag kommer att ändra inställningarna för Set 0.

Redaktörsprofiler för TinyMCE

Rulla ned till Förbjudna element . Detta visar en liten lista: script, applet, iframe.

Förbjudna element i TinyMCE

Ta bort "iframe" och spara inställningarna.

Nu är du redo för att bädda in din första video!

Bädda in din YouTube-video – det superenkla sättet

På YouTube (eller Vimeo eller vilken plattform du vill bädda in videor från), klicka på knappen Dela under videon du vill bädda in.

Dela-knapp i YouTube-video

En popup öppnas. Under Dela-knapparna ser du webbadressen till videon och en kopieringsknapp.

Klicka på kopieringsknappen för att kopiera webbadressen.

Bädda in videon i din Joomla-artikel

Skapa en ny artikel eller öppna artikeln som ska innehålla videon.

Placera markören på exakt den plats där du vill att videon ska visas.

Klicka på Infoga i redigerarens verktygsfält och välj Media i rullgardinsmenyn .

Infoga knapp, rullgardinsmeny för att välja media

 

Du får nu en popup. I det övre vänstra hörnet ser du Allmänt är markerat. Kopiera url:n i rutan Källa.

I rutorna Bredd och Höjd fylls måtten på din video i förväg. Du kan justera dem om du vill.

Om du klickar på Bädda in (andra alternativet till vänster, under Allmänt ) ser du att inbäddningskoden har fyllts i åt dig.

Popup-fönstret stängs och du kommer att se din video i redigerarens textområde.

Skärmdump backend inbäddad video

 

Bädda in din YouTube-video – det fortfarande ganska lätta sättet

På YouTube (eller Vimeo eller vilken plattform du vill bädda in videor från), klicka på knappen Dela under videon du vill bädda in.

Dela-knapp i YouTube-video

En popup öppnas. Klicka på bädda in-knappen (det är den första från vänster).

Bädda in knapp för YouTube

En annan popup öppnas. Den visar din video och i den högra delen ser du inbäddningskoden plus ett par alternativ.

I det högra hörnet längst ner finns ett kopieringsalternativ . Klicka på det. Inbäddningskoden blir blå (bonustips: om du är kaos på benen, som jag, är det nu dags att klistra in den i Anteckningar eller något så att du kommer fortfarande att ha det om du blir distraherad på vägen).

YouTube bädda in kod

Bädda in videon i din Joomla-artikel

Skapa en ny artikel eller öppna artikeln som ska innehålla videon.

Placera markören på exakt den plats där du vill att videon ska visas.

Klicka på Infoga i redigerarens verktygsfält och välj Media i rullgardinsmenyn .

Infoga knapp, rullgardinsmeny för att välja media

 

Du får nu ett popup-fönster. I det övre vänstra hörnet ser du Allmänt är valt. Precis under det finns Bädda in och Avancerat. Välj Bädda in.

Popup-fönstret Infoga/redigera media med alternativ

Popup-fönstret ändras och du har nu ett textområde du kan klistra in din inbäddningskod i. Klicka på Spara längst ner till höger. 

Popup-fönstret stängs och du kommer att se din video i redigerarens textområde.

Skärmdump backend inbäddad video

Sista steget: spara din artikel

Spara din artikel med knappen Spara i det övre vänstra hörnet, eller knappen Spara & stäng precis bredvid den.

Om du nu kollar sajten på frontend, borde videon vara synlig.

Skärmdump frontad inbäddad video

Det är allt, allt är klart!

Innan jag bestämde mig för att bli proffs med Joomla (2014) var jag författare/journalist i 15 år.

2009 började jag arbeta med Joomla, utan att veta något om webbdesign.Jag gick med i en JUG 2012, två månader senare var jag medarrangör :) (och var medarrangör i ungefär fem år).Jag skrev artiklar om Joomla i en Holländsk webbdesignertidning och talar på JUGs och JoomlaDays. Jag var med i det holländska JoomlaDagen-teamet i tre år. Sedan 2017 är jag medlem i teamet som organiserar Joostock (ett Joomlacamp/unconference event).

Jag var redaktör för den holländska Joomla webbbyråbroschyren, en broschyr som webbdesigners kan använda för att övertyga sina potentiella kunder om att Joomla är rätt val för dem. På Joomla Forum for the Future (2020) anmälde jag mig frivilligt att

bidra som författare/bloggare/ copywriter.

Jag driver en webbyrå i Nederländerna, WebLab42 , tillsammans med min partner. Vi skapar och underhåller webbplatser för småföretag och ideella organisationer.

Observera att denna webbplats använder ett automatiskt översättningssystem för att hjälpa till med översättningen för de olika språken.Vi ber om ursäkt för eventuella fel eller felskrivningar som kan visas i de olika texterna.