DocumentatieCommercePage Builder

Media - Video

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

Gemaakt voor:

  • Beginner
  • tussenpersoon
  • Gebruiker

Gebruik het Video inhoudstype om een video toe te voegen die op YouTubeof Vimeoaan het Page Builder stadiumwordt ontvangen. U kunt video eenvoudig insluiten in een pagina of blok of in product- en categorieredetecties.

Video op de storefront homepage

NOTE
Als u significante veranderingen in Page Builder inhoud aanbrengt, adviseert men dat u het Levenslang van de Zitting Adminverhoogt om de zitting te verhinderen uit timing terwijl u werkt.

Video, werkset

Video toolbox

Gereedschap
Pictogram
Beschrijving
Verplaatsen
pictogram van de Beweging {width="25"}
Hiermee verplaatst u de video naar een andere positie in het werkgebied.
(label)
Video
Identificeert de huidige inhoudscontainer als video. Houd de muisaanwijzer boven de container van de afbeelding om de gereedschapset weer te geven.
Instellingen
pictogram van Montages {width="25"}
Hiermee opent u de pagina Edit Video, waar u de eigenschappen van de video en de container kunt wijzigen.
Verbergen
het pictogram van de Huid {width="25"}
Hiermee verbergt u de huidige video.
Tonen
toon pictogram {width="25"}
De verborgen video wordt weergegeven.
Dupliceren
Dupliceer pictogram {width="25"}
Maakt een kopie van de video.
Verwijderen
verwijder pictogram {width="25"}
Hiermee verwijdert u de video uit het werkgebied.
NOTE
Verborgen elementen worden opgeslagen in de database en onzichtbaar voor klanten. Deze elementen zijn echter zichtbaar voor zoekmachines en andere bots die uw site kruipen. Ze worden ook geretourneerd als onderdeel van de inhoud als ze worden opgevraagd via een API-aanroep met een kenmerk van onzichtbaarheid, tenzij u ze uit het werkgebied verwijdert.

Een video toevoegen

  1. Alvorens u begint, navigeer aan YouTubeof video van de Vimeodie u, de verbinding wilt inbedden en kopiëren.

    U kunt ook een directe koppeling naar een geldig videobestand kopiëren. Zie Basis videomontagesvoor geldige verbindingen.

  2. Ga in Commerce Beheer terug naar de werkruimte van Page Builder waar u de video wilt toevoegen.

  3. Vouw Media uit in het deelvenster Page Builder en sleep een tijdelijke aanduiding Video naar het werkgebied.

    slepend een videoplaceholder aan het stadium {width="600" modal="regular"}

  4. Beweeg over de videocontainer om toolbox te tonen en de pictogram van Montages te kiezen ( pictogram van Montages {width="20"}).

  5. Plak bij Video URL de URL van de video die u hebt gekopieerd.

    De URL van de video Page Builder die in dit voorbeeld wordt gebruikt, is: https://www.youtube.com/watch?v=Y0KNS7C5dZA .

  6. Als u de Maximum Width van de video wilt beperken, voert u de maximale breedte in pixels in.

    Als de video leeg is, is deze zo breed als is toegestaan door de container, wat marges en opvulling toestaat.

  7. Klik in de rechterbovenhoek op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

Video-instellingen wijzigen

  1. Beweeg over de videocontainer om toolbox te tonen en de pictogram van Montages te kiezen ( pictogram van Montages {width="20"}).

  2. Wijzig de instellingen volgens de volgende secties:

  3. Klik in de rechterbovenhoek op Save om de instellingen toe te passen en terug te keren naar de werkruimte van Page Builder .

Standaardvideo-instellingen

  1. Werk de Video URL bij om de huidige video te wijzigen.

    Voer een geldige video-URL in. Geldige video-URL's kunnen koppelingen zijn naar:

    • YouTube-video's: https://youtu.be/CoDhMRUUjeI
    • Vimeo-video's: https://vimeo.com/190156113
    • Geldige videobestanden (.mp4 wordt aanbevolen): https://myvideos.com/spiral.mp4

  2. Als u de toegestane breedte voor de video in de winkelvoorgrond wilt wijzigen, voert u de nieuwe Maximum Width in pixels in.

    Als de video leeg is, wordt de volledige breedte van de container uitgebreid, minus marges en opvulling.

  3. Stel Autoplay in op Yes als u de video automatisch wilt starten nadat de pagina is geladen.

    Als Automatisch afspelen is ingesteld op Yes , wordt de video gedempt bij het afspelen volgens het beleid. Zelfs met deze instelling kunnen mobiele apparaten uw video's echter niet automatisch afspelen. Raadpleeg de volgende bronnen voor ontwikkelaars voor meer informatie over dit beleid:

    Als Automatisch afspelen is ingesteld op No , wordt de video alleen op verzoek van de gebruiker afgespeeld.

Advanced

  1. Kies een Alignment als u de horizontale plaatsing van de video binnen de container wilt bepalen:

    table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 layout-auto
    Optie Beschrijving
    Default Hiermee past u de standaardinstelling voor uitlijning toe die is opgegeven in het stijlblad van het huidige thema.
    Left Hiermee lijnt u de inhoud uit langs de linkerrand van de videocontainer, waarbij rekening wordt gehouden met de opgegeven opvulling.
    Center Hiermee lijnt u de inhoud uit in het midden van de videopcontainer, waarbij rekening wordt gehouden met de opgegeven opvulling.
    Right Hiermee lijnt u de inhoud uit langs de rechterrand van de videocontainer, waarbij rekening wordt gehouden met de opgegeven opvulling.

  • Stel de stijl Border in die wordt toegepast op alle vier zijden van de videopcontainer:

    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
    Optie Beschrijving
    Default Past de standaardrandstijl toe die door het bijbehorende stijlblad wordt gespecificeerd.
    None Geeft geen zichtbare indicatie van de containerranden.
    Dotted De containerrand wordt weergegeven als een stippellijn.
    Dashed De containerrand wordt weergegeven als een onderbroken lijn.
    Solid De containerrand wordt weergegeven als een effen lijn.
    Double De containerrand wordt weergegeven als een dubbele lijn.
    Groove De containerrand wordt weergegeven als een gegroefde lijn.
    Ridge De containerrand wordt weergegeven als een afgeronde lijn.
    Inset De containerrand wordt weergegeven als een inzetlijn.
    Outset De containerrand wordt weergegeven als een omtreklijn.

  • Als u een andere randstijl dan None instelt, voert u de weergaveopties voor de rand in:

    Grenskleur {width="600" modal="regular"}

    table 0-row-2 1-row-2 2-row-2 3-row-2 layout-auto
    Optie Beschrijving
    Border Color Geef de kleur op door een staal te kiezen, op de kleurkiezer te klikken of door een geldige kleurnaam of een gelijkwaardige hexadecimale waarde in te voeren.
    Border Width Voer het aantal pixels in voor de lijnbreedte van de rand.
    Border Radius Voer het aantal pixels in om de grootte te bepalen van de straal die wordt gebruikt om elke hoek van de rand te afronden.

  • (Optioneel) Geef de namen van CSS classes op uit het huidige stijlblad die u wilt toepassen op de videopcontainer.

    Scheid meerdere klassennamen met een spatie.

  • Voer in pixels waarden in voor de Margins and Padding om de buitenste marges en de binnenopvulling van de videopcontainer op te geven.

    Voer elke corresponderende waarde in het diagram van de videopcontainer in.

    table 0-row-2 1-row-2 2-row-2 layout-auto
    Containergebied Beschrijving
    Margins De hoeveelheid lege ruimte die wordt toegepast op de buitenrand van alle zijden van de container.
    Padding De hoeveelheid lege ruimte die wordt toegepast op de binnenrand van alle zijden van de container.

Een video verplaatsen

  1. Beweeg over de videocontainer om toolbox te tonen en de Beweging te kiezen ( pictogram van de Beweging {width="20"}) pictogram.

    Bewegend een video {width="500" modal="regular"}

  2. Selecteer en sleep de video naar de nieuwe positie, net onder de rode hulplijn.

    Gebruikend de rode richtlijn om de video {width="500" modal="regular"} te plaatsen

Een video uit het werkgebied verwijderen

  1. Beweeg over de videocontainer om toolbox te tonen en te kiezen verwijder ( verwijder pictogram ).

  2. Klik op OK wanneer u wordt gevraagd om te bevestigen.

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