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 de Website Builder-editor.
- Open het paginamenu bovenaan het scherm.
- Ga naar het gedeelte van je website waaraan je de video wilt toevoegen.
- Klik in het linkermenu op 'Video'.
- Sleep de component 'YouTube' naar de gewenste positie op je site. Is er geen ruimte voor de 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 de Website Builder-editor.
- Open het paginamenu bovenaan het scherm.
- Ga naar het gedeelte van je website waaraan je de video wilt toevoegen.
- Selecteer de Vimeo-widget in het menu aan de linkerkant.
- Selecteer onder Video "Vimeo".
- Ga naar Vimeo en gebruik de knop "Share" of kopieer de URL van de video die je wilt delen.
- Plak de link naar de gewenste Vimeo-video.
- Klik op de knop OK om de video aan de pagina toe te voegen.
- Dat is het!
Opmerking: De video wordt alleen getoond op de live website, als je de wijzigingen opslaat en de bijgewerkte website publiceert.
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. De embed-code voeg je vervolgens als volgt toe aan je site:
- Log in op de Website Builder-editor.
- Open het paginamenu bovenaan het scherm.
- Ga naar het gedeelte van je website waaraan je de video wilt toevoegen.
- Klik in het linkermenu op 'Meer'.
- Sleep de component 'Code' naar de gewenste plek op je site. Is er geen ruimte voor de component? Voeg dan eerst een lege sectie toe.
- Je ziet nu een veld waarin je code kunt plaatsen. Plak hier de onderstaande code. Vervang 'embed-code' door de embed-code van de betreffende video. Ook de videogrootte kun je naar eigen wens aanpassen.
<iframe src="embed-code" 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'. “
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.
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. De grootte van de video wijzig je via de handvatten.
Eigen audio-bestand toevoegen aan je site
- Log in op de Website Builder-editor.
- 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 https://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 de component 'Code' naar de gewenste plek op je site. Is er geen ruimte voor de 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'.