Demo to preview the plugin:
Introduction
This Video Player plugin allows you to play most video formats simply by uploading a static file, dynamic URL, or playlist. Its advanced features allow you to set the speed of the playback, enable auto-play, auto-replay at the end, and workflows to play the next, previous, first, and last video. You can also customize the colors of the play button and the color of the playing bar.
Tutorial
How to install
Place the plugin element on the page and fill in the settings fields
Plugin elements
Video Player (deprecated)
- is provided as is and not maintained.
New VideoPlayer
Element Properties
Title | Description | Type |
Theme | Select one of the suggested topics from the list
***Default, Black & white, Highlight Green, iPlayer Rose, iPlayer Red | Dropdown |
Upload video or type youtube link in dynamic input | It can be either a link to one video or a list of links in the database | Text, Required |
Add video poster | Allows you to upload an image to use as a poster for a video | Image, Optinal |
Video playing speed | Select one of the suggested playback speed modes
0.25x, 0.5x, 1x, 1.5x, 2x, 3x | Dropdown |
Remove full-screen button | Choose whether to show or not to show the fullscreen button | Checkbox |
Autoplay
| Play video automatically when page loads. "Mute video" must be enabled. | Checkbox |
Display button to change playback speed | Choose whether to display the button to change the playback speed or not
!!!Can not be used with YouTube videos!!! | Checkbox |
Play video on mouse hover | Select whether the video plays on mouse hover or not | Checkbox |
Prevent the player bar from disappearing | Choose whether to prevent the player panel from disappearing or not
!!!Can not be used with YouTube videos!!! | Checkbox |
Show the control panel first
| Choose whether to show the control panel before starting the video or not
NOTE! Don't forget to make sure that the "Disable Control Panel" checkbox is unchecked | Checkbox |
Hide playback button when video isn't playing | Choose whether to hide the play button when the video is not playing, or not | Checkbox |
Replay video when over | Choose whether to replay the video when it ends or not | Checkbox |
Muted video | Disable audio by default | Checkbox |
Playing bar color | Can not be used with YouTube videos | Color |
Play button color | Can not be used with YouTube videos | Color |
Progress bar color | Can not be used with YouTube videos | Color |
Landscape lock | Lock/unlock landscape mode | Checkbox |
Disable control bar | Enabling/disabling the display of the control panel | Checkbox |
Auto play in: | Enable auto playing video, when the video player appears in a viewport. Choose where the video player is exist: in Repeating group or on the page. For this to work, all videos must be muted or the user must interact with the page. Modern browsers have protection that prevents the video from playing with sound before the user interacts with the page. | Dropdown |
RG ID | Repeating group ID | Checkbox |
Enable | When checked, player plays video from "Start time" to "End time". When one of dynamic start/end time is changed, player changes current play time to the new position. | Number, Optional |
Start time | Time from which the video starts. | Number, Optional |
End time | When player reach End time, player pauses video and call plugin's event "ended" If field "Replay video when over" is checked, instead of pause, changes current play time to the start time and play again, also call plugin's event "ended". | Number, Optional |
Subtitles | Link to subtitles file. File format must me .vtt | Text, Optional |
Subtitle Language | en, ru, ro.... | Text, Optional |
Subtitle Label | Language name | Text, Optional
|
Return value
Value name | Description | Type |
Playback finished | Returns true when the video was finished | boolean (yes/no) |
Playback position (s) | Get the position of the video being played in seconds | Number |
Is Playing | Returns true when playing a video | boolean (yes/no) |
Media Length | Get the duration of the video | String |
Video Not Found | Return true when video source not found or incorrect | boolean (yes/no) |
Current video | Return the source of the current video | String |
Events
Name of event | Description |
Ended | Triggered when the video has been finished |
is Playing | Triggered when the video is playing |
Playlist ended | Triggered when the playlist ended |
Actions
Play next video
Play previous video
Play
Pause
Set playback position (s)
Play the first video
Play the last video
Fullscreen mode
Unmute
Mute
Playback Rate
Workflow example
