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

Sponsored Ads:

Discord

Page 1 of 540  >  >>

REVEALED: iPhone 12 batteries leaked

apple.webp

Jul 14, 2020 | Category: Apple | Comments

But can this not be true?

Apple has done it before, ie launched new models with less mAh.

read more…

Top web browsers 2020: Chrome becomes third browser ever with more than 70%

internet.jpg

Jul 13, 2020 | Category: IT | Comments

Google's Chrome in June joined the ranks of Netscape Navigator and Microsoft's Internet Explorer, both of which once dominated the browser landscape.

read more…

What's in the latest firefox 78 starts ESR ESR transition for enterprises

p1200660-100708728-large.jpg

Jul 12, 2020 | Category: IT | Comments

The latest version of Mozilla's browser fixes 13 flaws and starts the annual process of retiring 2019's Extended Support Release and offering customers the latest enterprise-designed build.

read more…

Page 1 of 540  >  >>