Met behulp van video en audio kun je jouw site verrijken. In deze handleiding lees je hoe je video's van YouTube of Vimeo toevoegt aan je site. Ook leggen we uit hoe je jouw eigen audio- en videobestanden toevoegt aan je site.
Een YouTube-video toevoegen aan je site
- Log in op Website Builder.
- Open het paginamenu bovenaan de Website Builder-editor.
- Ga naar het gedeelte van je website waaraan je de video wilt toevoegen.
- Klik in het linkermenu op 'Video'.
- Sleep het component 'YouTube' naar de gewenste positie op je site. Is er geen ruimte voor het component? Voeg dan eerst een lege sectie toe.
- Gebruik de knop 'Zoek video's' of 'Kopieer een link naar een YouTube video' om de video van jouw keuze te selecteren.
- Sla je wijzigingen op via de knop 'Opslaan' (bovenaan de Website Builder-editor). Daarna maak je de wijzigingen zichtbaar voor je bezoekers via de knop 'Publiceren'.
Een Vimeo-video toevoegen aan je site
- Log in op Website Builder.
- Open het paginamenu bovenaan de Website Builder-editor.
- Ga naar het gedeelte van je website waaraan je de video wilt toevoegen.
- Klik in het linkermenu op 'Meer'.
- Sleep het component 'Code' naar de gewenste plek op je site. Is er geen ruimte voor het component? Voeg dan eerst een lege sectie toe.
- Je ziet nu een veld waarin je code kunt plaatsen. Plak hier onderstaande code. Let erop dat je de url vervangt door de Vimeo-url van jouw keuze. Ook de videogrootte kun je naar eigen wens aanpassen.
<iframe src="https://player.vimeo.com/video/128357092?h=18c21958d9" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
- Klik op 'Opslaan'.
- Sla je wijzigingen op door bovenaan de Website Builder-editor te kiezen voor 'Opslaan'.
- De video is niet direct zichtbaar in je Website Builder-editor. Bekijk de video via de knop 'Voorbeeld', of maak je wijzigingen direct zichtbaar voor bezoekers via de knop 'Publiceren'.
Een video van een ander platform toevoegen aan je site
Wil je audio of video toevoegen van een andere externe site? Vraag dan bij de betreffende website naar de mogelijkheden om audio of video te embedden. Vervolgens volg je hetzelfde stappenplan als hierboven bij Vimeo.
Eigen video-bestand toevoegen aan je site
- Log in op Website Builder.
- Open het paginamenu bovenaan de Website Builder-editor.
- Ga naar het gedeelte van je website waaraan je de video wilt toevoegen.
- Sleep het component 'Video' naar de gewenste plek op je pagina. Voeg eventueel eerst een lege sectie toe, wanneer je te weinig ruimte hebt voor de video.
- Upload je video via de knop 'Uploaden'. Heb je jouw video al eerder geüpload naar je werkruimte? Dan kun je deze direct selecteren en heb je de knop 'Uploaden' niet nodig.
- Kies voor 'Voeg toe aan pagina'.
Tip:Je kunt video's uploaden in de formaten .flv, 3g2, .3gp, .avi, .asf, .divx, .m2ts, .mts, .m4v, .mkv, .mov, .mp4, .mpg, en .wmv. De maximale bestandsgrootte is 2 GB.
- Wijzig eventueel de grootte van de video via de handvatten.
- Dubbelklik op de video om de overige instellingen te bewerken. Hier kun je bijvoorbeeld het geluid van de video dempen, automatisch afspelen activeren en de zwarte balken rondom je video verwijderen.
- Klaar? Sla rechts in het hoofdmenu de wijzigingen op en klik daarna op 'Publiceren'. Je video is nu zichtbaar voor websitebezoekers.
Eigen audio-bestand toevoegen aan je site
- Log in op Website Builder.
- Klik in het linkermenu op de knop 'Meer' en klik vervolgens op 'Document'.
- Kies rechtsboven voor 'Uploaden'. Wil je een bestand importeren van een andere website? Kies dan voor de optie 'Van externe locatie'. Gaat het om een bestand op je eigen apparaat? Kies dan de optie 'Van computer'.
- Upload je bestand en klik op 'Opslaan'.
Let op: Je bestand wordt standaard geïmporteerd naar de map 'onewebmedia'. Om het bestand op je site te plaatsen, heb je de link van het bestand nodig. Je kunt dit testen door de volledige url van je website, inclusief de map en de bestandsnaam, te bezoeken in je browser. Bijvoorbeeld: het bestand 'audio.mpeg' in de map 'onewebmedia' voor de website jouwdomeinnaam.nl is bereikbaar via jouwdomeinnaam.nl/onewebmedia/audio.mpeg.
- Is het geüploade bestand bereikbaar via de link? Open dan nu het paginamenu bovenaan de Website Builder-editor.
- Ga naar het website-gedeelte waaraan je de audio wilt toevoegen.
- Klik binnen het linkermenu op 'Meer'.
- Sleep het component 'Code' naar de gewenste plek op je site. Is er geen ruimte voor het component? Voeg dan eerst een lege sectie toe.
- Je ziet nu een veld waarin je code kunt plaatsen. Deze code gaat er straks voor zorgen dat jouw audio afgespeeld kan worden op je site. Het makkelijkst is om onderstaande voorbeeld te kopiëren en in het veld te plaatsen. Zorg daarbij dat je 'VOLLEDIG PAD' aanpast naar de volledige link waarop jouw bestand bereikbaar is.
<audio controls>
<source src="VOLLEDIG PAD" type="audio/mpeg">
</audio>
- Klik op 'Opslaan'.
- Sla je wijzigingen op door bovenaan de Website Builder-editor te kiezen voor 'Opslaan'. Daarna maak je de wijzigingen zichtbaar voor je bezoekers via de knop 'Publiceren'.