Home

Jun 12, 2018

CMSMS HTML5 Video UDT


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

Category:Tutorials 

Here is a UDT for CMS Made Simple to put videos on your website without using youtube. You just host your video on your own website.

 

Create a new UDT:
Extensions \ User separated tags \ Add tag

Name: 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>';

Create a new folder:
Go to Content / File manager and create a folder of videos in the folder uploads (here the videos are shown).

Upload 4 files with the named name in this folder.

The video file in MP4 format. (File extension .mp4)
The video file in OGG format. (File extension .ogv)
The video file in WEBM format. (File extension .webm)
A preview image in JPG format. (File extension .jpg)

Through this website https://video.online-convert.com you can convert your videos to the correct format or use a program for this /any-video-converter.com/products/for_video_free/ is there a good one for that.

View video on your website:
If you have done everything right, you can now call your video via this line:

Bracket Start video file = "name video" Bracket end

name video is the name you gave to all the files without the file extension (mp4, ogv, jpg).

Example video:

{video file = "test"}

authorarticle: Master3395

image: 

keywords: news, targeted, newstargeted, newstargeted.com

Previous Article
Next Article
Discord

Page 1 of 433  >  >>

See what Facebook is planning to do

ruhul-vi-banner-1024x573.jpg

Sep 5, 2019 | Category: General | Comments

Follows in Instagram's footsteps.

read more…

Avast and French police stopped crypto worm that had infected 850,000 machines

Skjermbilde-2019-09-02-kl.-15.04.51.jpg

Sep 4, 2019 | Category: General | Comments

The attackers had made a mistake ...

read more…

Apple is finally admitting this problem

watch-view-2.png

Sep 3, 2019 | Category: Apple | Comments

Now you can switch the Apple Watch screen for free.

read more…

Page 1 of 433  >  >>