Videosektionen

Lägg till en videosektion på en sida för att enkelt lägga till dina YouTube/Vimeo-videor som kommer att spelas på sidan. Detta är ett bra sätt att hålla dina webbplatsbesökare engagerade.

Pixpa stöder inbäddning av videor från YouTube eller Vimeo. Du kan inte ladda upp en video direkt till din webbplats. Förutom det här avsnittet kan du också lägga till dina videor i Galleriet eller en banner.

Med Pixpa kan du dela din YouTube- eller Vimeo-profil i sociala medier . Du kan också lägga till dina musikfiler som finns på Soundcloud i musiksektionen.

Punkter att notera:

• Du kan ladda upp en .gif-fil där videor stöds.
• Om videon du har lagt till laddas mycket, klicka på uppspelningsknappen och pausa den i några minuter. Återuppta sedan videon. På så sätt laddas den bättre med mindre buffring.

---

I den här artikeln:

1. Vad är videosektionen?
2. Lägg till ett videoavsnitt
3. Lägg till och redigera listobjekt
4. Sekvensera listobjekt
5. Ta bort listobjekt
6. Hantera element
7. Ändra sektionslayout
8. Stilalternativ
9. Hela kortet och textkortet

---

Videoavsnitt

Videolista är en samling videor där du kan lägga till en beskrivning av videon och lägga till en länk eller knapp för att koppla samman videolistan med vilken annan sida som helst på webbplatsen eller vilken annan länk som helst.

---

Lägg till videor-sektionen

• Ett avsnitt kan läggas till på en sida. Du kan antingen lägga till ett avsnitt på en redan befintlig sida eller skapa en ny sida på din webbplats.
• På din sida, Klicka på blå + ikon att lägga till en Nytt avsnitt till din sida.

• Du kommer nu att se sektionskategorier på vänstra sidan.
• Klicka på Innehåll (1) alternativ och Video (2) flik.
• Nu ska du se olika layouter av Videoavsnitt (3).

• Välj valfri sektionslayout och klicka på den för att lägga till den på din sida.

---

Lägg till och redigera listobjekt

Lägg till videolista

När du har lagt till avsnittet

• Klicka på Redigera innehåll (1) för att öppna panelen med listobjekt.

• Klicka på Lägg till artikel (2) för att lägga till ett nytt listobjekt.
• Du kommer att ha möjlighet att Duplicera och ta bort (3) listobjekten.

---

Redigera videolista

Klicka på listobjektet som du vill redigera. Det kommer att öppna de särskilda redigeringsalternativen för listobjekt.

• Lägg till din YouTube/Vimeo-videolänk (1).

• Ställ in videon så att den spelas upp i en lightbox eller endast på sidan (2).

• Ladda upp eller ta bort (3) miniatyrbilden för listobjektet.

• Lägg till Titel Lagring, Undertext Lagringoch Beskrivning (6) i listpunkten. Du kanske inte hittar alternativet undertext och beskrivning i vissa listobjekt beroende på vilken layout du väljer.

7. Åtgärd vid klick

Du kan anpassa klickbeteendet för enskilda objekt i avsnittet Videolista . Nedan följer de tillgängliga alternativen:

• Gå till en länk
  Om du väljer detta alternativ öppnas Länkbyggare, så att du kan lägga till en hyperlänk till detta objekt. Länken kan leda användare till en annan sida på din webbplats eller en extern URL. Veta mer handla om Länkbyggare.
• Ingen åtgärd
  Välj det här alternativet för att göra objektet oklickbart. När det är markerat kommer det inte att utlösa någon åtgärd om du klickar på objektet.

8. Öppna länk i nytt fönster: Ställ in länken så att den öppnas i en ny flik eller i samma flik. Detta visas bara när alternativet Gå till en länk är valt under menyn Åtgärd vid klick .

9. Knappar och länkar: Lägg till valfri typ av länk till listobjektet. Du kan lägga till en knapp/bildlänk/social ikon/textlänk. Läs mer.

10. Åsidosätt kortstil

Du kan åsidosätta de globala kortstilinställningarna från sektionens stilinställningar och anpassa varje objekts kort individuellt i videolistan. Detta gör att du kan tillämpa unika stilar på olika listobjekt för bättre anpassning.

Läs mer om kortalternativen i dynamiska avsnitt.

11. Åsidosätt formstil

Använd alternativet Åsidosätt för att tilldela en annan form till varje miniatyrbild individuellt i videolistan, vilket ger dig större kontroll över den visuella stilen för varje objekt. Läs mer om formmask.

12. Spara: Spara ändringarna när du har gjort anpassningarna.

---

Se hur du redigerar ett objekt i videolistan:

---

Sekvenslistobjekt

• Du kan enkelt dra och släppa listobjekten för att ändra ordningsföljden.

---

Ta bort ett listobjekt

När du har lagt till ett listobjekt kan du redigera det och ta bort det.

• Klicka på Radera ikonen bredvid videolistan.
• Klicka på Radera knappen i popup-fönstret för bekräftelse.
• Spara dina förändringar.

---

Hantera delar av videolistan

Avsnittet Videolista innehåller en flik för element som låter dig enkelt hantera synligheten för olika element inom avsnittet. Med enkla växlingsknappar kan du aktivera eller inaktivera specifika element utan att behöva ta bort eller ändra själva elementen.

• Klicka på Redigera innehåll (1) -knapp.

• Välj Elements (2) flik.
• När du har gjort ändringarna, tryck på Spara (3) -knapp.

Sektionsalternativ

1. Visa rubrik: Aktivera eller inaktivera synligheten för rubriken för avsnittet Videolista.
2. Visa knappar: Styr om knappar ska visas på sektionsnivå.

Objekt Alternativ

1. Visa video: Växla synligheten för videorna.
2. Visa Titel: Kontrollera om titeln ska visas.
3. Visa undertext: Aktivera eller inaktivera undertexter.
4. Visa beskrivning: Hantera synligheten för artikelbeskrivningar.
5. Visa knappar: Bestäm om knappar för enskilda objekt ska visas.

---

Sektionslayout

• Klicka på Redigera innehåll (1) för att öppna redigeringspanelen för videolistan.

• Välj Layout (2) flik.
• Välj layout för din sektion och Spara (3) dina ändringar.

---

Style ditt avsnitt

• Klicka på Redigera innehåll (1) för att öppna redigeringspanelen för videolistan.

• Välj Stil (2) alternativet.
• Ändra stilen för sektionselementen och Spara (3) dina ändringar.

Du kommer att ha flera stilalternativ för avsnittet:

1. 1. Skärmalternativ 
   2. Mobil display
   3. Justering
   4. Textstorlek
   5. Förband
   6. Avsnittsrubrik
   7. Bildalternativ
   8. Formmask
   9. Alternativ för bildhovring
   10. Kantalternativ
   11. Kortalternativ
   12. Skuggalternativ
   13. Knapp och länkar

 

---

Skärmar

1. Välj att Visa objekt in rader och kolumner or Karusellen 
   • Om du har valt rader och kolumner alternativ kommer listobjekten att ordnas i rader och kolumner. I det här fallet måste du ange antalet rader och kolumner.
   • Om du har valt Karusellen alternativ kommer listobjekten att presenteras som ett bildspel. Veta mer.
2. Ställ in Antal kolumner för videolistan. Du kan välja mellan 1 till 10 kolumner.
3. ange Mellanrum mellan kolumner av listobjekten.
4. ange Mellanslag mellan rader av listobjekten.

Om karusellalternativet är valt i steg 1, kommer du att se följande ytterligare alternativ:

1. Aktivera mjuk rullning: Möjliggör kontinuerlig rullning av objekt i karusellen för en sömlös och visuellt tilltalande upplevelse.
2. Auto Slide: Roterar automatiskt genom bilder utan användarinteraktion.
3. Visa förlopp för automatisk uppspelning: Visar en förloppsindikator medan autoplay är aktivt för bättre synlighet.
4. Autoplay Delay: Ställer in tidsintervallet mellan varje bildövergång när automatisk uppspelning är aktiverad.
5. Karusellslinga: Möjliggör kontinuerlig looping av diabilder, så att karusellen startar om sömlöst efter den sista bilden.
6. Karusellkontroller: Välj den Navigationskontroller. Du kan välja mellan Inga kontroller, Pilar – Nedre mitten/Upptill höger/Nedre höger, Chevron, Prickar och Horisontell rullning.

---

Mobil display

1. Ställ in antalet Rutnätkolumner för mobila enheter. Du kan ställa in den på maximalt 3 kolumner.
2. Definiera Förband mellan rutnät (i pixlar).

Enhetsspecifik kolumnlayout baserat på Studioinställningar:

---

Justering

1. Justera innehållet horisontellt i videolistan. Du kan ställa in dem att vara vänster-, höger- eller mittjusterade.
2. Justera innehållet vertikalt i videolistan. Du kan ställa in dem att vara topp-, mitt- och bottenjusterade.
3. Välj Innehållsordning dvs bilderna av listobjekten som ska visas först eller tillhörande text.

---

Textstorlek

1. Klicka på Ändra textstil knappen för att besöka Design avsnitt och hantera dina teckenstorlekar och stilar. 
2. Ställ in Titel teckensnittsstil för listobjekten i avsnittet.
3. Ställ in Texta teckensnittsstil för listobjekten i avsnittet.
4. Ställ in standard BESKRIVNING teckensnittsstil för listobjekten i avsnittet.
5. Aktivera det här alternativet för att animera valfria siffror närvarande i Titel och Texta fält. När de är aktiverade visas numeriska värden med en dynamisk räkne-animation, vilket gör dem mer visuellt engagerande.

---

Förband

1. ange bild~~POS=TRUNC för listobjekt.
2. ange Innehållsbredd för listobjekten.
3. ange Utrymme under avsnittsrubrik i px.
4. ange Utrymme under bilder av listposterna (i %).
5. ange Utrymme under titlarna av listposterna (i %).
6. ange Mellanslag under undertexterna av listposterna (i %).

---

Avsnittsrubrik

1. Justera horisontellt avsnittsrubrikens text. Du kan ställa in den på vänster, mitten och höger.
2. Aktivera/inaktivera divider mellan avsnittsrubrik och avsnittsinnehåll.
3. Ställ in avdelarens tjocklek (i px).
4. ange Avdelningsfärg från färgväljaren.
5. Välj ett Divider stil från rullgardinsmenyn.
6. Ställ in Rubrikbredd för att definiera hur bred sektionsrubriken ska visas, med början från minst 50 %.

---

Bildalternativ

1. Välj bildskörd för listobjekten. Du kan ställa in bilderna som fyrkantig, cirkel, liggande, stående och dynamisk.
2. Välj att ha en gemensam hörnradie eller annan hörnradie för varje sida av listobjekten och ange ett nummer (i px) för hörnradie av listobjektets bilder. Veta mer.

• Om du har valt delade hörn kan du ställa in olika hörnradie för varje hörn.

---

Formmask

1. Formmask: Aktivera den här reglaget för att tillämpa en formmask på videominiatyrerna i avsnittet Videolista. När den är aktiverad kommer den valda formen att visuellt klippa miniatyrbilden i det formuläret.
2. Välj form: Välj bland olika fördefinierade former att tillämpa på dina miniatyrer. Detta låter dig stilisera ditt innehåll på ett kreativt sätt genom att visa bilder i unika former som rundad, diamant, droppe, etc.

---

Alternativ för bildhovring

1. Välj Bild Hover Color att vara accentfärg eller att vara specificerade. Om du har valt accentfärg, ange sedan opacitet. Du kan ange accentfärgen för varje objekt från Redigera artikel panelen.
2. Om du har valt ange färg alternativet ställ sedan in Överlagringsfärg och opacitet.
3. Ställ in Överlagringstextfärg som dyker upp på svävaren.
4. Välj att Animera listobjektets bilder vid muspekaren genom att klicka på Ja. Kontrollera den här funktionen på en livesida.
5. Välj en Animation stil för bilder när markören svävar över dem.

---

Bildkant

1. Aktivera/inaktivera kantlinje runt bilderna genom att växla reglaget.
2. Välj att ha en gemensam gräns på alla sidor av bilder eller så kan du ange gränser separat för varje sida.
3. ange bredd av gränsen. Om den är inställd på 0, kommer gränsen inte att visas. Du har också möjlighet att ställa in rambredden individuellt för varje sida av bilden.
4. Välj Gräns ​​färg från färgväljaren.
5. Välj en föredragen Gränsstil från rullgardinsmenyn.
6. Bestäm kantbredd för mobil enheter, justera den med den bredd som valts för skrivbordet.

---

Alternativ för kort

• Se hur att hantera kort.

---

Skuggalternativ

1. Skärmar – Välj att visa skuggan bakom listobjekten alltid eller endast när du håller muspekaren.
2. Stil – Välj bland befintliga förinställningar eller skapa en anpassad skugga.
   Om du har valt alternativet Anpassat, besök detta Box Shadow Generator för att skapa en anpassad skugga. Slutligen, kopiera och klistra in box skugga CSS.
3. Om du har valt förinställningsalternativet, då Välj Shadow Styles från rullgardinsmenyn.

---

Knappar och länkar

1. Se hur att hantera stylingen av Knappar och länkar.
2. Spara alla stilförändringar.

---

Hela kortet och textkortet

När du slår på Fullständigt/textkort över din videolista kommer listobjekten att ha en kontur och bakgrund med kortfärgen som du har valt i Design sektion.
Se även: Webbplatsens färger och mellanrum.

Fullständigt kort

När alternativet för fullständigt kort är valt, tillämpas kortfärgen på hela kortet, dvs. videominiatyren och texten med den.

Ta en titt: 

Text kort

När alternativet textkort är valt, tillämpas kortfärgen endast på texten som finns med videominiatyren.

Ta en titt: 

---

Relaterade artiklar:

• Lägg till video i ett galleri
• Typer av sektioner