Een eigen video aan uw website toevoegen.

trefwoorden

Om een video in uw drupal website te integreren bestaan er verschillende modules. U kunt echter ook handmatig via html een video laten weergeven op uw website.

Zorg ervoor dat uw video beschikbaar is in 4 verschillende formaten. Dit is nodig om in de verschillende browsers een correct weergave te bekomen.

  • mp4
  • webm
  • ogg
  • ovg

U vertrekt het best van een mp4 die u via een converteer programma of online converteert naar de 4 formaten zoals hierboven vermeld.
Zorg er ook voor dat u over een afbeelding beschikt die zal worden weergegeven mocht om één of ander reden de video niet starten.

 

Werkwijze:

Hernoem de video's en de afbeelding naar "video" en upload ze naar eenmap in uw drupal installatie. (vb /sites/default/files/video-bestanden). Het hernoemen wordt aangeraden omdat de videotag het nogal moeilijk heeft met lange bestandsnamen.

Video formaten

Video's kunnen ingevoegd worden in zowel blokken als nodes. De enigste vereiste is dat de CkEditor op Full html staat.

We werken met de html video tag en geven een aantal parameters mee:

  • autoplay: zorgt dat de video automatisch begint af te spelen
  • loop: zorgt ervoor dat de video op het einde opnieuw bij het begin start
  • muted: hier heb je de keuze om het geluid weer te geven of te dempen
  • playsinline: (let op de "s" playsinline) zorgt ervoor dat de video ook op touch apparaten zoals iPhone, iPad en dergelijk kan afspelen
  • poster: is de afbeelding die getoond word wanneer de video om één of ander reden niet laad.

Laat al deze waardes leeg indien ze actief moeten zijn. Indien niet actief zet je er false achter. (vb: autoplay="false")

U geeft ook de 4 bronnen mee. Afhankelijk van de browser waarmee de website wordt bekeken zal het correcte formaat worden geladen.

Al deze gegevens moeten in pure html worden ingegeven. Daarvoor klik u op de knop "Broncode" in de CkEditor

In die voorbeeld werk ik met een blok:

Blok html code

Plaats het blok via Structuur -> block-layout op de gewenste plaats in uw website.
Werkt u met een node dan surf u naar de node om de video te bekijken.