Met behulp van audio en video 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.
Audio of video van externe sites (YouTube, Vimeo) toevoegen
Eigen audio- of videobestanden toevoegen
Audio of video van externe sites (YouTube, Vimeo) toevoegen
Wil je audio of video toevoegen van een externe website, zoals YouTube of Vimeo? Dit doe je als volgt:
YouTube
- Log in op Website Builder.
- Ga in het linkermenu naar 'Meer' > 'Video'.
- Gebruik de knop 'Zoek video's' of 'Kopieer een link naar een YouTube video' om de video van jouw keuze te selecteren.
- Versleep het component naar de gewenste positie op je site.
- Sla je wijzigingen op via de knop 'Opslaan'. Daarna maak je de wijzigingen zichtbaar voor je bezoekers via de knop 'Publiceren'.
Vimeo
- Log in op Website Builder.
- Klik binnen het linkermenu op de knop 'Code'.
- 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 'Voeg toe'.
- Versleep het component naar de gewenste positie op je site.
- Sla je wijzigingen op via de knop 'Opslaan'. Daarna maak je de wijzigingen zichtbaar voor je bezoekers via de knop 'Publiceren'.
Andere externe websites
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 audio- of videobestanden toevoegen
Heb je eigen audio- of videobestanden? Dan kun je deze toevoegen aan je Website Builder-site. Hierdoor hoef je jouw bestanden niet te uploaden op een externe website.
Bestand importeren
Importeer het betreffende bestand eerst naar Website Builder:
- 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'.
- Klik op 'Opslaan'.
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 'video.mp4' in de map 'onewebmedia' voor de website jouwdomeinnaam.nl is bereikbaar via jouwdomeinnaam.nl/onewebmedia/video.mp4.
Audio- of videobestand toevoegen aan je site
Is het geüploade bestand bereikbaar via de link? Dan kun je het bestand toevoegen aan je website. Dit doe je met behulp van een code-component:
- Klik binnen het linkermenu op de knop 'Code'.
- Je ziet nu een veld waarin je code kunt plaatsen. Deze code gaat er straks voor zorgen dat jouw audio of video afgespeeld kan worden op je site. Het makkelijkst is om een van de onderstaande voorbeelden 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.
Audiobestand:
<audio controls>
<source src="VOLLEDIG PAD" type="audio/mpeg">
</audio>
Videobestand van het type MP4:
<video width="640" height="480" controls>
<source src="VOLLEDIG PAD" type="video/mp4">
</video>
- Klik op 'Voeg toe'.
- Versleep het component naar de gewenste positie op je site.
- Sla je wijzigingen op via de knop 'Opslaan'. Daarna maak je de wijzigingen zichtbaar voor je bezoekers via de knop 'Publiceren'.