Video - Webflow hulp
Het video-element stelt je in staat om een video, gehost op een externe site zoals YouTube of Vimeo, overal op je site in te voegen.
Hoe voeg je een video toe
Er zijn twee manieren om een video-element aan je site toe te voegen:
- Open het Toevoegen paneel en sleep een video element naar je Webflow canvas
- Druk op Command + E (op Mac) of Control + E (op Windows) om Snel zoeken te openen en zoek naar het video element
Hoe video-instellingen te formatteren
Zodra je een video-element op je canvas hebt geplaatst, krijg je toegang tot de Video-instellingen waar je een URL en titel kunt toevoegen. Om snel toegang te krijgen tot de Video-instellingen:
- Dubbelklik op het video element
- Selecteer het video element en ga naar het Element instellingen paneel (D)
Plak je video URL, voeg een titel toe als je wilt, en druk op Enter / Return. De thumbnail van je video verschijnt in het video-element.
Ondersteunde video bronnen
- YouTube (als je meer controle wilt over je YouTube-video, probeer dan een YouTube video element)
- Vimeo
- DailyMotion
- KickStarter (je hoeft alleen de hoofd-URL van de campagne te plakken en Webflow haalt de hoofdvideo van de campagne op)
- TED (meertalige ondersteuning)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
Hoe videodimensies instellen
Het video-element respecteert de afmetingen van zijn bovenliggende container (bijvoorbeeld, als je het in een div-blok plaatst, neemt het de volledige breedte van dat div-blok in). Als je een aangepaste breedte en hoogte voor je video wilt instellen, kun je een aangepast div-blok maken. Om dat te doen, sleep je een div-blok vanuit het Toevoegen-paneel en geef je het div-blok een breedte waarde en een hoogte waarde. Als je nu je video in dit aangepaste div-blok sleept, zal het zich aan die grootte aanpassen.
Andere manieren om video's aan je site toe te voegen
Je kunt ook video's aan je site toevoegen door andere elementen te gebruiken, waaronder:
- YouTube-video
- Achtergrondvideo
- Lightbox
- Rijke tekst
- Aangepaste code insluiten
YouTube-video-element
Het YouTube-video element laat je een video insluiten vanuit een YouTube-URL. Dit element biedt je alle weergaveopties die door YouTube's insluitfunctie worden aangeboden, inclusief de mogelijkheid om gerelateerde video's van een kanaal te tonen, een specifieke starttijd in te stellen, videobedieningselementen te tonen of te verbergen, en meer. Meer informatie over het YouTube-video-element.
Achtergrondvideo-element
Het achtergrondvideo element laat je bewegende achtergronden zonder audio toevoegen. In tegenstelling tot het video-element dat alleen YouTube- en Vimeo-links ondersteunt, kan het achtergrondvideo-element elk videobestand accepteren dat je uploadt. Achtergrondvideo-elementen worden ook geleverd met een ingebouwde afspelen/pauzeren schakelaar zodat sitebezoekers de achtergrondvideo naar wens kunnen afspelen of pauzeren. Meer informatie over het achtergrondvideo-element.
Lightbox-element
De lightbox laat sitebezoekers een video openen in een popup-modus. Net als het video-element ondersteunt de lightbox YouTube- en Vimeo-links. Meer informatie over het lightbox-element.
Rich text-element en rich text-veld
Het rich text-element stelt je ook in staat video's toe te voegen. Dit is nog krachtiger wanneer je het gebruikt om gegevens uit een rich text-veld in een CMS-collectie te halen. Als alternatief kun je ook een video-element gebruiken om dynamisch gegevens uit het videoveld van een collectie te halen. Meer informatie over collectie-videovelden.
Hoe video's in te sluiten met aangepaste code
Je kunt ook HTML-video's toevoegen met behulp van het embed-element:
- Ga naar het Toevoegen-paneel
- Sleep een embed-element naar het canvas
- Plak je videocode (Meer informatie over video-elementen in HTML)
- Klik op Opslaan & sluiten