VideoJS

VideoJS HTML player extra for MODX.

Logo ResourceSpace Logo Wordpress Logo Prestashop Logo Joomla

VideoJs is a MODX extra for MODX installing VideoJs HTML5 player.

Official VideoJS website: https://videojs.com/

Paths

JS en CSS path:

assets/components/videojs/7.5.4/video-js.css
assets/components/videojs/skins/videojs-sublime-skin.css
assets/components/videojs/7.5.4/ie8/videojs-ie8.js
assets/components/videojs/7.5.4/video.js,

Videojs snippet

Exemple:

[[videojs_dev?
    &video_id=`option_vid_id`
    &source=`assets/mediasource/video/upload-fr.webm`
    &skin=`vjs-sublime-skin`
]]

Snippet options

chunk

Default: tpl.videojs.

video_id

Video ID attributte. If not defined, a random ID is set, eg:
video_5cf36e600f16b.

source

Path to video, eg: assets/mediasource/video/upload-fr.webm

skin

Use a skin to change the player design, eg:
vjs-sublime-skin

Need additional stylesheet, eg:
assets/components/videojs/skins/videojs-sublime-skin.css

Skin stylesheets are located here:
assets/components/videojs/skins/

classes

Classes passed to html video tag. Default: vjs-fluid

poster

Path to preview image displayed on player load. Default: first video frame (expirimental).