Media - video

Använd Video innehållstyp för att lägga till en video som finns på YouTube eller Vimeo till Page Builder stage. Det är enkelt att bädda in video på en sida eller i ett block eller i beskrivningar av produkter och kategorier.

Video på butikens startsida {width="700" modal="regular"}

NOTE
Om du gör betydande ändringar i Page Builder rekommenderar vi att du ökar Löptid för administratörssession för att förhindra att sessionen tajmar ut medan du arbetar.

Videoverktygslåda

Videoverktygslåda {width="600" modal="regular"}

Verktyg
Ikon
Beskrivning
Flytta
Ikonen Flytta {width="25"}
Flyttar videon till en annan plats på scenen.
(etikett)
Video
Identifierar den aktuella innehållsbehållaren som en video. Håll pekaren över bildbehållaren för att visa verktygslådan.
Inställningar
Ikonen Inställningar {width="25"}
Öppnar Edit Video ​sidan där du kan ändra egenskaperna för videon och behållaren.
Dölj
Dölj ikon {width="25"}
Döljer den aktuella videon.
Visa
Visa ikon {width="25"}
Visar den dolda videon.
Duplicera
Duplicera, ikon {width="25"}
Skapar en kopia av videon.
Ta bort
Ikonen Ta bort {width="25"}
Tar bort videon från scenen.
NOTE
Dolda element lagras i databasen och är osynliga för kunderna. De här elementen är dock synliga för sökmotorer och andra organ som crawlar webbplatsen. De returneras också som en del av innehållet om det begärs via ett API-anrop med ett synlighetsattribut, såvida du inte tar bort dem från scenen.

Lägga till en video

  1. Navigera till YouTube eller Vimeo video som du vill bädda in och kopiera länken.

    Du kan också kopiera en direktlänk till en giltig videofil. Se Grundläggande videoinställningar för giltiga länkar.

  2. I Commerce Admin, gå tillbaka till Page Builder på arbetsytan där du vill lägga till videon.

  3. I Page Builder panel, expandera Media och dra en Video platshållare till scenen.

    Dra en videoplatshållare till scenen {width="600" modal="regular"}

  4. Håll pekaren över videobehållaren för att visa verktygslådan och välj Inställningar ( Ikonen Inställningar {width="20"} ).

  5. För Video URL klistrar du in URL-adressen till videon som du kopierade.

    URL:en för Page Builder videon som används i det här exemplet är: https://www.youtube.com/watch?v=Y0KNS7C5dZA.

  6. Begränsa Maximum Width för videon anger du den maximala bredden i pixlar.

    Om det är tomt är videon så bred som behållaren tillåter, vilket ger marginaler och utfyllnad.

  7. Klicka på i det övre högra hörnet Save för att använda inställningarna och gå tillbaka till Page Builder arbetsyta.

Ändra videoinställningar

  1. Håll pekaren över videobehållaren för att visa verktygslådan och välj Inställningar ( Ikonen Inställningar {width="20"} ).

  2. Ändra inställningarna enligt följande avsnitt:

  3. Klicka på i det övre högra hörnet Save för att använda inställningarna och gå tillbaka till Page Builder arbetsyta.

Grundläggande videoinställningar

  1. Om du vill ändra aktuell video uppdaterar du Video URL.

    Ange en giltig video-URL. Giltiga video-URL:er kan vara länkar till:

    • YouTube videofilmer: https://youtu.be/CoDhMRUUjeI
    • Vimeo-videor: https://vimeo.com/190156113
    • Giltiga videofiler (.mp4 rekommenderas): https://myvideos.com/spiral.mp4
  2. Om du vill ändra bredden som tillåts för videon i butiken anger du den nya Maximum Width i pixlar.

    Om det är tomt utökas behållarens hela bredd med mindre utrymme för marginaler och utfyllnad.

  3. Om du vill starta videon automatiskt när sidan har lästs in anger du Autoplay till Yes.

    Om Autoplay är inställt på Yes, stängs videon av vid uppspelning enligt en princip. Men även med den här inställningen kan mobila enheter inte spela upp videoklipp automatiskt. Mer information om dessa principer finns i följande utvecklarresurser:

    Om Autoplay är inställt på Nospelas videon endast upp på användarens begäran.

Advanced

  1. Om du vill styra videofilens vågräta placering i behållaren väljer du en Alignment:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Alternativ Beskrivning
    Default Använder den standardinställning för justering som anges i formatmallen för det aktuella temat.
    Left Justerar innehållet längs videobehållarens vänstra kant, med hänsyn tagen till eventuell utfyllnad som har angetts.
    Center Justerar innehållet i mitten av videobehållaren, med hänsyn till eventuell utfyllnad som har angetts.
    Right Justerar innehållet längs videobehållarens högra kant, med hänsyn tagen till eventuell utfyllnad som har angetts.
  • Ange Border format som används på videobehållarens alla fyra sidor:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 5-row-2 6-row-2 7-row-2 8-row-2 9-row-2 10-row-2 layout-auto
    Alternativ Beskrivning
    Default Använder det standardkantlinjeformat som anges av den associerade formatmallen.
    None Visar inte någon synlig indikation för behållarkanterna.
    Dotted Behållarramen visas som en prickad linje.
    Dashed Behållarramen visas som en streckad linje.
    Solid Behållarramen visas som en heldragen linje.
    Double Behållarramen visas som en dubbel linje.
    Groove Behållarkanten visas som en utdragen linje.
    Ridge Behållarkanten visas som en rak linje.
    Inset Behållarramen visas som en indragen linje.
    Outset Behållarramen visas som en startrad.
  • Om du anger ett annat kantlinjeformat än Noneslutför du visningsalternativen för kantlinjer:

    Kantfärg {width="600" modal="regular"}

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Alternativ Beskrivning
    Border Color Ange färgen genom att välja en färgruta, klicka på färgväljaren eller genom att ange ett giltigt färgnamn eller motsvarande hexadecimalt värde.
    Border Width Ange antalet pixlar för kantlinjens bredd.
    Border Radius Ange antalet pixlar för att definiera radiens storlek som används för att runda varje hörn av kanten.
  • (Valfritt) Ange namnen på CSS classes från den aktuella formatmallen som ska användas för videobehållaren.

    Avgränsa flera klassnamn med blanksteg.

  • Ange värden i pixlar för Margins and Padding för att ange de yttre marginalerna och den inre utfyllnaden för videobehållaren.

    Ange varje motsvarande värde i videobehållardiagrammet.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Behållarområde Beskrivning
    Margins Mängden tomt utrymme som används på ytterkanten på behållarens alla sidor.
    Padding Mängden tomt utrymme som används på behållarens inre kant på alla sidor.

Flytta en video

  1. Håll pekaren över videobehållaren för att visa verktygslådan och välj Flytta ( Ikonen Flytta {width="20"} ).

    Flytta en video {width="500" modal="regular"}

  2. Markera och dra videon till den nya positionen, precis nedanför den röda stödlinjen.

    Placera videon med den röda stödlinjen {width="500" modal="regular"}

Ta bort en video från scenen

  1. Håll pekaren över videobehållaren för att visa verktygslådan och välj Ta bort ( Ikonen Ta bort ).

  2. När du uppmanas att bekräfta klickar du på OK.

recommendation-more-help
85b60248-86a4-4d5f-9933-5179643f608d