Skip to content

Video-widget

Video-widgeten spelar upp en videofil på en sida — från filarkivet, från en extern URL eller som inbäddad video från en tredjepartsleverantör. Använd den för instruktionsvideor, presentationer, marknadsföringsmaterial eller annat rörligt innehåll.

När du ska använda detta

  • Du vill bädda in en video direkt på en sida
  • Videon ligger i filarkivet, på en extern URL eller är en YouTube-/Vimeo-embed
  • Du vill ha autoplay vid sidladdning — eller låta användaren starta uppspelningen
  • Du vill styra videons storlek och placering på sidan

Hur det fungerar

Widgeten stöder tre olika källor:

KällaBeskrivning
FilerHämta videon från Filer-pluginens filarkiv.
URLPeka direkt mot en extern videofil (exempelvis MP4 eller WebM).
InbäddadKlistra in inbäddningskod (iframe) från exempelvis YouTube eller Vimeo.

Lägg till en video

  1. Aktivera Filer-pluginen i appletens Plugin-inställningar.
  2. Öppna Designredigeraren för din applet.
  3. Lägg till widgeten Video på sidan.
  4. Öppna widgetens inställningar.
  5. Välj Importera från — Filer, URL eller Inbäddad.
  6. Välj video, ange URL eller klistra in iframe-kod.
  7. Justera Storlek och Position efter behov.
  8. Spara ändringarna.

Inställningar i widgeten

Källa

InställningBeskrivning
Importera frånVälj Filer, URL eller Inbäddad.
Välj videoÖppnar filväljaren mot filarkivet. Visas när källan är Filer.
Ange URLDirektadressen till videofilen. Visas när källan är URL. Ogiltiga format markeras med varning.
InbäddningskodIframe-HTML från videoleverantör. Visas när källan är Inbäddad. Ogiltig iframe-kod markeras med varning.

TIPS

Inbäddad är vanligast för YouTube och Vimeo eftersom de levererar färdig iframe-kod direkt från sin "Dela"-funktion. Klistra bara in koden så som den är.

Storlek

InställningBeskrivning
StorlekProcentvärde 10–100 i steg om 5. Videons bredd skalas i förhållande till sidans bredd.

Position

Justera videons horisontella placering på sidan med segmentkontrollen — Vänster, Centrerad eller Höger.

Övrigt

InställningBeskrivning
AutoplayNär den är på startar uppspelningen automatiskt när sidan laddas. Endast tillgängligt för Filer- och URL-källor — inbäddade videor styrs av leverantörens egna inställningar.

VARNING

Många mobila webbläsare blockerar Autoplay med ljud. Videor som autoplayar startar oftast tystade — användaren behöver klicka för att aktivera ljudet.

Exempel

Scenario: Du vill bädda in en YouTube-introvideo på startsidan, centrerad och i full bredd.

  1. Lägg till en Video-widget på startsidan.
  2. På YouTube — klicka DelaBädda in och kopiera iframe-koden.
  3. I widgeten, sätt Importera från till Inbäddad.
  4. Klistra in iframe-koden i Inbäddningskod-fältet.
  5. Sätt Storlek till 100% och Position till Centrerad.
  6. Spara.

Tips

TIPS

För videor som ligger i filarkivet — håll filerna i komprimerade format (MP4 med H.264) för bäst kompatibilitet och laddningstid.

TIPS

Inbäddade videor från YouTube och Vimeo har egna spelarkontroller och visas med leverantörens spelare. Använd Filer- eller URL-källa när du vill ha en ren spelare utan leverantörens branding.

Vanliga misstag

VARNING

Autoplay visas inte när källan är Inbäddad — autoplay för inbäddade videor styrs av parametrar i iframe-koden. Lägg till ?autoplay=1 (eller motsvarande) i embed-URL:en för att aktivera autoplay.

VARNING

Om iframe-koden från YouTube eller Vimeo inte fungerar, kontrollera att videon är offentlig eller olistad — privata videor kan inte bäddas in.

VARNING

Externa URL:er måste peka på en faktisk videofil (MP4, WebM). Sidor med en inbäddad spelare räknas inte — använd Inbäddad-källan för dem.