# Spellista

### **Videospellistor: Organisera och effektivisera ditt innehåll**

Introducerar **Videospellistor**, en funktion utformad för att göra videoorganisationen enkel. Oavsett om du kuraterar lärmoduler, underhållningsserier eller tematiska samlingar låter spellistor dig **gruppera relaterade videor** för en sömlös visningsupplevelse.

**Varför använda spellistor?**

* **Strukturerat innehåll** – Håll videor kategoriserade för enkel åtkomst.
* **Kontinuerlig uppspelning** – Säkerställ smidiga övergångar mellan videor.
* **Förbättrat engagemang** – Skapa kurerade upplevelser anpassade efter tittarnas behov.

Med spellistor blir dina videor mer **tillgängliga, intuitiva och njutbara** att navigera.

Har du inte laddat upp några videor än?&#x20;

{% content-ref url="videohanterare" %}
[videohanterare](https://buildersupport.gitbook.io/help-docs/sv/video/komma-igang/videohanterare)
{% endcontent-ref %}

För att lägga till din **Videospellista**, följ dessa steg:

1. **Välj widgeten "Videospellista"** från **vänstra verktygsfältet**.
2. **Dra och släpp** den till den önskade sektionen - oavsett om det är en **sida, blogg, funnel eller communityutrymme**.

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FCYCjaiNMjD8mpogQWQoD%2FPlaylist%20add%20widget.png?alt=media&#x26;token=cf8a25a2-804a-4f3b-9f35-fa56f48937c2" alt=""><figcaption><p>Inställningar för spellista-widget</p></figcaption></figure>

### Lägg till videor i spellistan

För att fylla din spellista med videor, följ dessa steg:

1. **Klicka på knappen "Lägg till videor"** överst i spellisteeditorn.
2. **Öppna videohanteraren**, där du kan:
   * **Ladda upp nya videor** direkt.
   * **Redigera befintliga videor** för att förfina deras detaljer.
   * **Välj flera videor** för att organisera dem i spellistan.

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FZR1OiFxznEjydmDle4Na%2Fplaylist%20first%20manager%20tab%20folders.png?alt=media&#x26;token=49357e73-a590-4de5-9acb-d4c84a708064" alt=""><figcaption><p>Mappar i videohanteraren</p></figcaption></figure>

För att effektivt lägga till videor i din spellista, följ dessa steg:

* **Välj en hel mapp** – Hovra över mappen och klicka på **"Välj"-knappen** för att lägga till alla videor på en gång.
* **Välj individuella videor** – Klicka på **mapptiteln** för att öppna den, och välj sedan manuellt specifika videor att lägga till.

{% hint style="success" %}
**Notera**: När du väljer videor för din spellista kan du **uppdatera individuella inställningar** direkt från urvals fönstret, inklusive:

* **Kommentarshantering** – Justera synlighet och interaktionsinställningar.
* **Kapitel** – Lägg till eller ändra viktiga ögonblick för strukturerad navigering.
* **Minithumb** – Byt ut den nuvarande miniatyren med en egen bild.

Detta säkerställer **sömlös anpassning** så allt optimeras på ett ställe innan du slutför din spellista.
{% endhint %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FVlTUf6ZTwl2JiqGDFlGE%2Fplaylist%20video%20arrangement.png?alt=media&#x26;token=cbd59bb3-a586-4c9f-976a-0a0c9aac1e72" alt=""><figcaption><p>Ordning i videospellistan</p></figcaption></figure>

Efter att du valt dina videor kommer de att visas i din **mapp för videordning**, där du kan:

* **Sortera ordningen** – Ordna om videorna så att de följer din önskade sekvens.
* **Justera spellistans flöde** – Säkerställ en logisk visningsupplevelse för din publik.

### Spellistvisning

Din spellista kan visas i två huvudformat:

1. **Video med sidofält** – Denna layout har en **huvudvideo** med ett sidofält som listar resten av spellistan, vilket gör det enkelt för tittare att navigera igenom innehållet.
2. **Rutnät av videor** – Detta format visar alla videor i ett strukturerat rutnät, idealiskt för **visuell bläddring** och snabba urval.

Låt oss börja med att ställa in **Video med sidofält** layouten!

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FB6ZPK9hYRpwwv0djV8FO%2Fplaylist%20video%20display.png?alt=media&#x26;token=f33f5366-3f6f-40c9-aba6-77d84552258d" alt=""><figcaption></figcaption></figure>

## Video med sidofält

När du visar din **video med sidofält**, kan du välja mellan **tre olika stilalternativ** för att matcha din designpreferens:

1. **Kompakt miniatyr** – Visar **små videominiatyrer** för varje post, vilket gör det lättare för tittare att visuellt identifiera innehållet.
2. **Skalad miniatyr** – Visar något **större miniatyrförhandsvisningar** för varje post, vilket gör det lättare för tittare att visuellt identifiera innehållet.
3. **Detaljerad vy** – Visar en **strömlinjeformad lista** av videor bredvid huvudspelaren, vilket håller layouten ren och minimalistisk.

Denna flexibilitet tillåter dig att **anpassa spellistegränssnittet** för att passa den användarupplevelse du vill leverera.

{% tabs %}
{% tab title="Kompakt" %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FDpgYeGs7rcZhdhlLdSl6%2Fplaylist%20sidebar%20small.PNG?alt=media&#x26;token=552c3b6a-2abd-4413-97f1-bada30123171" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Skalad" %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2Fqexk1c18gpT2XpJ4b9OY%2Fplaylist%20sidebar%20large.PNG?alt=media&#x26;token=f9f81ed6-1b9e-4655-b87e-d8e3658c1628" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Detaljerad" %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FHcHbRvGrE0qofVpzLkon%2Fplaylist%20sidebar%20compact.PNG?alt=media&#x26;token=999a748f-371c-4e6c-9787-d264606d0f0d" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

{% hint style="success" %}
När **sidofältet är synligt**, kommer videon att spelas **i sin standardstorlek**, med bibehållen enkel åtkomst till spellistenavigation.

För att **maximera videon till helskärm**, gör du helt enkelt:

* **Klicka på menyikonen** som finns i **övre högra hörnet** av sidofältet.
* Sidofältet kommer att **minimeras**, vilket expanderar videon för en **störningsfri** visningsupplevelse.

Detta säkerställer sömlös kontroll över layoutpreferenser och låter användare växla mellan **navigationsvänlig** och **immersiv visning** utan ansträngning.
{% endhint %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2F6gAABNonikrsiRx6dUra%2Fplaylist%20collapse%20side%20bar.png?alt=media&#x26;token=ae784e57-c534-43a0-afbd-0dc99dbc8930" alt=""><figcaption></figcaption></figure>

### Fokuserad video

När en video är vald inom en spellista blir den **huvudfokus**, vilket säkerställer en immersiv visningsupplevelse. Sidofältet förblir åtkomligt för enkel navigering, men tittare kan:

* **Ta bort kontroller** – Tar bort uppspelningsfältets kontroller från videon.
* **Autospel video** – Varje video spelas upp automatiskt när den öppnas.
* **Pausa vid borttappat fokus** – Videon pausas automatiskt när fokuset flyttas bort.

Denna funktion förbättrar användbarheten och gör videokonsumtion **flytande, engagerande och störningsfri**

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FcUzzeOWGs9kZYDWvOepA%2Fplaylist%20video%20on%20focus.png?alt=media&#x26;token=9cb9d95a-9ca8-4aeb-bc3f-c11e6e52b35a" alt=""><figcaption></figcaption></figure>

### Visa index i spellistan

Med **indexerade spellistor**, tilldelas varje video ett **sekventiellt nummer**, vilket gör det enklare för tittarna att följa och navigera innehållet.

**Hur det fungerar:**

* Om din spellista har **fyra videor**, kommer de att märkas som **1-4** i ordning.
* Denna numrering säkerställer **tydlig progression**, vilket hjälper användare att följa strukturerade serier eller lektioner utan ansträngning.
* Fungerar perfekt för **utbildningsinnehåll, episodiska videor eller organiserade presentationer**.

<div align="left"><figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2F0noagqVZVQTcEEVgxfOa%2Fplaylist%20video%20indexing.PNG?alt=media&#x26;token=9f1c18ac-3e28-41e7-a84f-f28960c9a9cf" alt=""><figcaption></figcaption></figure></div>

### Spela automatiskt upp nästa video

Med **När autospel är aktiverat**, startar nästa video i din spellista **automatiskt** när den nuvarande är slut.

**Huvudfördelar:**

* **Sömlös visning** – Ingen manuell val behövs, vilket håller upplevelsen smidig.
* **Kontinuerlig uppspelning** – Idealiskt för maraton, kurser eller guidad inlärning.

### Visa som samling

I **samlingsvy**, grupperas alla spellistvideor under **en primär videovisning**. Istället för att visa flera miniatyrer presenteras spellistan som en **enkel post**.

**Hur det fungerar:**

* **Huvudvideovisning** – Hela spellistan visas under en utvald video.
* **Klicka för att öppna spellistan** – När användare väljer huvudvideon expanderar den för att visa hela listan av videor.
* **Strömlinjeformad navigering** – Håller din layout ren samtidigt som åtkomst till allt spellinnehåll möjliggörs.

Denna inställning är utmärkt för **organiserad, minimalistisk presentation**

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2Fnd5gkuFxpiCBr5cxu4jm%2Fplaylist%20as%20collection.png?alt=media&#x26;token=f54201dd-f4f6-4390-9290-bc18f7cd964c" alt=""><figcaption></figcaption></figure>

Ytterligare visningsinställningar

Videohanteringsgränssnittet erbjuder **anpassningsbara visningsalternativ** för att förbättra tittarinteraktion och effektivisera innehållsorganisationen. Här är en snabb översikt över viktiga funktioner:

1. Visa videovisningar (video i uppspelning)
2. Visa videovisningar (spellista/rutnät)
3. Visa videotitel
4. Visa videoreaktioner
5. Visa videokommentarer

Läs mer om kommentarshantering nedan:

{% content-ref url="../../community-widgets/kommentarsomrade" %}
[kommentarsomrade](https://buildersupport.gitbook.io/help-docs/sv/community-widgets/kommentarsomrade)
{% endcontent-ref %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FcosQniAjQnE3fdDirDtN%2Fplaylist%20additional%20settings%20comments%20etc.png?alt=media&#x26;token=b2210db6-4658-4699-bfee-388f5f61e6b5" alt=""><figcaption></figcaption></figure>

### Markera som tittad

Denna funktion tillåter tittare att **manuellt markera** en video som **tittad**, vilket ger dem mer kontroll över sin visningsupplevelse.

**Hur det fungerar:**

* **Grönt kryssikon** – När en video är markerad som tittad visas en **grön bock** bredvid videon, vilket signalerar att den är slutförd.
* **Utlöser automationsflöden** – Om automatiserade åtgärder är inställda i ditt **arbetsflöde**, kommer markering av en video som tittad att **aktivera dessa automationer** i enlighet med det.
* **Strömlinjeformad framstegsspårning** – Hjälper tittare att **hålla koll** på slutfört innehåll, vilket gör spellistor och kurser mer användarvänliga.

Ett utmärkt sätt att **förbättra engagemanget** samtidigt som du säkerställer ett sömlöst innehållsflöde!

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FeMr8J9vbSaPqwBIFhV7o%2FPLAYLIST%20ALLOW%20MARK%20AS%20WATCHED.png?alt=media&#x26;token=7b4ad072-d8d1-4f0c-8af1-ffa640071c09" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Om **"Markera som tittad"** alternativet **inte är aktiverat**, kommer videor att bli **automatiskt markerade som tittade** när de når slutet.

**Viktiga detaljer:**

* **Ingen manuell åtgärd krävs** – Systemet upptäcker slutförande och applicerar en **grön bock** för att indikera att videon har setts.
* **Utlöser automationer** – Eventuella **arbetsflödesautomationer** kopplade till videons slutförande kommer att aktiveras när videon är färdig.
* **Framstegsspårning** – Säkerställer att tittare enkelt kan hålla reda på sedda videor utan att behöva markera dem själva.
  {% endhint %}

## Rutnät av videor

The **Rutnätsvisningsalternativet** organiserar videor i ett **galleri-format**, vilket skapar en **visuell bläddringsupplevelse** liknande Netflix.

**Huvudfördelar:**

* **Ren, organiserad layout** – Videor visas i strukturerade rader eller kolumner.
* **Snabbt urval** – Tittare kan enkelt skanna och välja videor vid en snabb blick.
* **Immersiv upplevelse** – Efterliknar moderna streamingplattformar för en bekant och engagerande design.

Denna uppsättning är perfekt för **kurser, underhållningsinnehåll och samlingar med flera videor**, vilket gör videoupptäckt enkel.

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FxIpn6U8tfZefkGoWAqsB%2Fplaylist%20-%20grid%20of%20videos.png?alt=media&#x26;token=ac0e22f3-5cad-457a-8961-9234d5303332" alt=""><figcaption><p>Rutnät av videor</p></figcaption></figure>

### Antal videor att visa per rad

Du har full kontroll över **hur många videor** som visas per rad i **rutnätsvisningen**.

* Välj mellan **2 till 6 videor per rad** baserat på din föredragna layout.
* Optimera för **visuell klarhet** och **avstånd** för att matcha dina designbehov.
* Skapa en **strukturerad bläddringsupplevelse** liknande moderna streamingplattformar.

### Rutnätsstil

När du visar dina videor i ett **rutnätsformat**, har du två stilval:

1. **Enkel** – En ren, minimalistisk layout som säkerställer en **strömlinjeformad, störningsfri** bläddringsupplevelse.
2. **Ramar (Brickeffekt)** – Lägger till definierade ramar runt varje video och skapar en **strukturerad, visuellt distinkt** brickliknande utseende.

{% tabs %}
{% tab title="Enkel" %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FGTlNPx28SMty4wqCxpHe%2Fplaylist%20grid%20simple.png?alt=media&#x26;token=473a7478-1ad7-44bd-aebb-6e7f93858118" alt=""><figcaption></figcaption></figure>
{% endtab %}

{% tab title="Ramad" %}

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FyfmpAYS0bmZSbdX6C6tH%2Fplaylist%20grid%20bordered.png?alt=media&#x26;token=62d998a9-9a62-40c8-aba5-0b5d20faa6bf" alt=""><figcaption></figcaption></figure>
{% endtab %}
{% endtabs %}

### Videopupup vid klick

När en tittare väljer en video från **rutnätsvisningen**, öppnas den i en **popup i helskärm**, vilket säkerställer en immersiv upplevelse.

**Huvudfunktioner:**

* **Alternativ för kommentarsynlighet** – Välj att visa kommentarer **bredvid videon eller under**, vilket möjliggör enkel interaktion.
* **Fokuserat engagemang** – Håller diskussioner direkt kopplade till den specifika videon och undviker förvirring mellan videors kommentarer.
* **Strömlinjeformad navigering** – Tittare kan njuta av uppspelning i helskärm samtidigt som de har tillgång till relevanta diskussioner.

Denna inställning skapar en **ren, strukturerad användarupplevelse**, som balanserar engagemang och strömlinjeformad uppspelning.

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FtIDOOSiwPbv1UtOonfhE%2Fplaylist%20comments%20on%20popup%20grid.png?alt=media&#x26;token=2a5395b9-62f6-43d0-926a-cfe76d71550c" alt=""><figcaption></figcaption></figure>

### Filtrera efter kategori

Med **genom kategorifiltrering**, kan tittare enkelt **sortera** igenom flera videokategorier med hjälp av **prydliga, åtkomliga knappar** visade ovanför rutnätet.

**Hur det fungerar:**

* **Kategori-knappar** – Organiserade längst upp i rutnätet för snabb navigering.
* **Enkelt filtrering** – Att välja en kategori förfinar omedelbart de visade videorna och säkerställer snabbare sökbarhet.
* **Idealiskt för stora spellistor** – Håller innehållet strukturerat och gör det enklare att hitta relevanta videor i samlingar med flera kategorier.

Denna funktion förbättrar **användarupplevelse**, vilket möjliggör ett mer intuitivt sätt att utforska och engagera sig i spellisteinnehåll.

[#categories](https://buildersupport.gitbook.io/help-docs/sv/video/videohanterare#categories "mention") Läs mer om kategorier

<figure><img src="https://3317383406-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fe72ThyzkOdxFPyh3rXde%2Fuploads%2FjNhZA1ChfHsAZkLC8TmJ%2Fplaylist%20grid%20filter%20by%20category.png?alt=media&#x26;token=9f221858-bb1a-48f0-97ab-46131cc9cb18" alt=""><figcaption></figcaption></figure>
