DokumentationHandelPage Builder

Media - video

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Nybörjare
  • Mellanliggande
  • Användare

Använd innehållstypen Video för att lägga till en video som finns på YouTube eller Vimeo på Page Builder scenen. 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

NOTE
Om du gör betydande ändringar i Page Builder-innehållet rekommenderar vi att du ökar livstiden för administratörssession för att förhindra att sessionen gör timeout när du arbetar.

Videoverktygslåda

Verktygslådan Video

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
Ikon för inställningar {width="25"}
Öppnar sidan Edit Video, 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 -videon som du vill bädda in och kopiera länken innan du börjar.

    Du kan också kopiera en direktlänk till en giltig videofil. Mer information om giltiga länkar finns i Grundläggande videoinställningar.

  2. Gå tillbaka till arbetsytan Page Builder i Commerce-administratören där du vill lägga till videon.

  3. Expandera Media på panelen Page Builder 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 ikonen Inställningar ( Inställningar-ikon {width="20"} ).

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

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

  6. Om du vill 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å Save i det övre högra hörnet för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Ändra videoinställningar

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

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

  3. Klicka på Save i det övre högra hörnet för att tillämpa inställningarna och återgå till arbetsytan i Page Builder.

Grundläggande videoinställningar

  1. Uppdatera Video URL om du vill ändra den aktuella videon.

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

    • YouTube-videofilmer: https://youtu.be/CoDhMRUUjeI
    • Vimeo-videofilmer: 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 principen. 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å No spelas videon endast upp på användarens begäran.

Advanced

  1. Om du vill styra den vågräta placeringen av videon 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 formatet Border som ska användas på alla fyra sidor i videobehållaren:

    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 None fyller du i visningsalternativen för kantlinjen:

    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 ikonen Flytta ( 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.

    Använda den röda stödlinjen för att placera videon {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 ikonen Ta bort ( Ta bort ikon ).

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

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