CMSMS HTML5 Video UDT

CMSMS HTML5 Video UDT

CMS Made Simple 1.11.x / 1.12 | 1-10-2014 | Pascal Merks | Reacties


Hier een UDT voor CMS Made Simple om video's op je website te zetten zonder daarvoor youtube te gebruiken. Je host gewoon je video op je eigen website.

 

Maak een nieuwe UDT aan:

Uitbreidingen \ Gebruikergefedinieerde tags \ Tag toevoegen

Naam: video

Code:

$config = cmsms()->GetConfig();
echo '<video width="100%" controls poster="' . $config['root_url'] . '/uploads/videos/' . ($params['file']) . '.jpg">
<source src="' . $config['root_url'] . '/uploads/videos/' . ($params['file']) . '.mp4" type="video/mp4">
<source src="' . $config['root_url'] . '/uploads/videos/' . ($params['file']) . '.ogv" type="video/ogg">
<source src="' . $config['root_url'] . '/uploads/videos/' . ($params['file']) . '.webm" type="video/webm">
Your browser does not support HTML5 video.
</video>';

 

Maak een nieuwe map aan:

Ga naar Inhoud/Bestandsbeheer en maak in de map uploads een map videos aan (hier komen de videos).

Upload in deze map 4 bestanden met de zelde naam.

  1. Het videobestand in MP4 formaat. (Bestandsextensie .mp4)
  2. Het videobestand in OGG formaat. (Bestandsextensie .ogv)
  3. Het videobestand in WEBM formaat. (Bestandsextensie .webm)
  4. Een preview afbeelding in JPG formaat. (Bestandsextensie .jpg)

 

Via deze website http://video.online-convert.com kan je je videos omzetten naar het juiste formaat of gebruik hier een programma voor dit http://www.any-video-converter.com/products/for_video_free/ is daar een goede voor.

 

Video weergeven op je website:

Als je alles goed hebt gedaan kan je nu via deze regel je video aanroepen:

{video file="naamvideo"}

naamvideo is de naam die je hebt gegeven aan al de bestanden zonder de bestandsextensie (mp4, ogv, jpg).

 

Voorbeeld video:

 

Dat was het! Veel plezier er mee.

 

Reacties:

comments powered by Disqus

Laatst toegevoegd

Categorieën

Laatste reacties

Laatste tweets