Video in je website

Niets is zo complex als video in een website. Zo reageren verschillende besturingssystemen (windows, osx en linux) en browsers (ie, firefox, safari, …) verschillend op video’s in websites. De grote verscheidenheid in bestandsformaten (avi, mpg/mpeg, wmv, mov, mp4, enz) helpt hier niet bij. Het probleem is dat er plugins nodig zijn. De browser vertrouwt erop dat het standaard mediaprogramma de video wel kan afspelen. Bij Windows is dat Windows Mediaplayer en bij OSX is dat Quicktime.

HTML5 zet een stap in de goede richting via zijn nieuwe <video>-tag. Het probleem is dat je nog steeds het fragment in meerdere bestandsformaten moet publiceren én dat enkel de nieuwste browsers HTML5 verstaan (vanaf IE9, vanaf FF4, enz).

Een oplossing kan zijn dat je het videofragment op een externe site plaatst als YouTube, Vimeo of Kaltura. Je kan dan het fragement eenvoudig invoegen via de mediaknop (wysiwyg). Voor Kaltura bestaat er zelfs een aparte module.

Wij zullen via de modules Media en MediaFront werken en zo de fimpjes in onze eigen Drupalsite invoegen.

Installeer en activeer volgende modules:

·      Media: http://drupal.org/project/media

·      Mediafront: http://drupal.org/project/mediafront

Plaats een vinkje bij File Entity, Media, Media Internet Sources, MediaFront, Open Standards Media Player.

Een Preset maken

We moeten nu eerst een videospeler aanmaken. Klik op Structuur – MediaFront Presets.

Kies voor Add Preset.

Maak een nieuwe preset en noem deze Videospeler.

We moeten nu heel wat instellingen wijzigen.

Ga naar Player Settings – Playlist Settings – Display Settings.

Kies voor Disable Playlist.

Ga naar Logo Settings.

We maken Logo URL en Link URL leeg. We willen immers geen logo op onze video. Je kan echter een eigen logo op je filmpjes plaatsen, zoals ook de tv-zenders doen.

Sla de preset op.

Een inhoudstype maken

We maken een nieuw inhoudstype “video”.

We voegen nu 2 velden toe: video (hiermee kan het bestand geupload worden) en videospeler (hiermee wordt het fragment vertoond).

Voeg het veld video toe van het type Bestand.

Kies voor Indienen. Verplicht het veld.

Typ de toegestane bestandsextensies in: avi, mpg, mpeg, mp4, flv, wmv, mov

Sla het veld op.

Voeg het veld videospeler toe, van het type Media Player

Sla het veld op met alle standaardinstellingen.

De weergave aanpassen

Ga naar structuurinhoudstypen.

Klik naast het inhoudstype video op Weergave beheren. We gaan nu instellen hoe het fragment in de pagina vertoond moet worden.

We maken het veld videospeler zichtbaar (dit veld vertoond het filmpje namelijk). Het label verbergen we.

Kies zelf of je de body (beschrijving) wil tonen.

We verbergen het veld video. Dit hebben we enkel nodig om video toe te voegen (het bestand).

Sla op.

Een video invoegen

We kunnen nu een videofragment uploaden.

Kies voor Inhoud toevoegen – Video.

We voegen een videofragment in mp4 toe.

Vergeet geen knop te maken.

(je kan via www.ytconv.com video’s van youtube opslaan als mp4-bestand).

Resultaat:


Een videogalerij maken

We maken nu een view, waarmee we alle video’s in een galerij kunnen tonen.

Maak eerst een nieuw veld cover (afbeelding) in het inhoudstype video.

Verplicht het veld.

We hebben een cover nodig om in de galerij te tonen. Wanneer men erop klikt, moet de video verschijnen.

Maak een nieuwe view:

Voeg nu het veld Inhoud:cover nog toe.

Verberg het label, kies een afbeeldingsstijl en kies voor Link naar inhoud

Sla de view op.

 
 Drupal 7, deel 2- CMS | pagina laatst gewijzigd op 27/11/2011 | Onze cursussen vallen onder copyright!
Zelfstudie.be - gratis cursussen internet, dreamweaver, fireworks, flash, enz. Terug naar vorige pagina