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.
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 params
- Theme Dropdown - Select one of the suggested topics from the list ***Default, Black & white, Highlight Green, iPlayer Rose, iPlayer Red
- Upload a video or type the youtube link in the dynamic input Video source. It can be either a link to one video or a list of links in the database
- Add video poster Image source. Allows you to upload an image to use as a poster for a video
- Video playing speed Dropdown - Select one of the suggested playback speed modes 0.25x, 0.5x, 1x, 1.5x, 2x, 3x
- Remove full-screen button Checkbox - Choose whether to show or not to show the fullscreen button
- Play video automatically on load Choose whether to start playing the video when the page loads or not
- 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!!!
- Play video on mouse hover Select whether the video plays on mouse hover or not
- Prevent the player bar from disappearing Choose whether to prevent the player panel from disappearing or not !!!Can not be used with YouTube videos!!!
- 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
- Hide the playback button when the video isn't playing Choose whether to hide the play button when the video is not playing, or not
- Replay video when over Choose whether to replay the video when it ends or not
- Muted video Choose whether to turn off the volume in the video or not
- Playing bar color Choose a color for the control panel
- Play button color Choose a color for the play button color
- Progress bar color Choose a color for the progress bar color
- Landscape lock Lock/unlock landscape mode
- Disable control bar Enabling/disabling the display of the control panel ā¢ā¤ Auto play when in viewport:
- 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.
- RG ID When video player is in Repeating group, fill this filed with ID of the repeating group. ā¢ā¤ Play part of video
- 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.
- Start time Time from which the video starts.
- 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".
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
- dynamic_link(deprecated) - deprecated action
- Play next video - Action to play the next video from the list or from the inserted URL Params: Video URL -(optional) source to video for play
- Play previous video - Action to play the previous video from the list Params: -
- Play - Play the video at the current URL from the list Params: -
- Pause - Pause the video at the current URL from the list Params: -
- Set playback position (s) - Set the playback position to play from the inserted time. In seconds Params: Seconds - The time in seconds from which to start playback
- Play the first video - Play the first video from the list Params: -
- Play the last video - Play the last video from the list Params: -
- Fullscreen mode - Start the video in full-screen mode Params: -
- Unmute - Action to unmute the video player. Params: -
- Mute - Action to mute the video player. Params: -
- Playback Rate- Action change playback rate. Params: New Rate - numbers strictly greater than 0, where 1 means regular speed (100%), 0.5 means half-speed (50%), 2 means double-speed (200%), etc.
Workflow example
Changelogs
Update: 28/06/2022 - Version: 2.41.0
- fixed - issue with YT links
Update: 14/08/2022 - Version: 2.42.0
- fixed plugin element collapse.
Update: 29/09/22 - Version: 2.47.0
- Added "Poster" field in the "Play next video" action
Update: 07/10/2022 - Version: 2.48.0.
- Adapted to the new responsive engine
Update: 17/11/2022 - Version 2.50.0
- Fixed simultaneously playing two audio tracks
Update: 6/03/2023 - Version 2.55.0
- Fixed "Play" and "Pause" actions
Update: 10/03/2023 - Version: 2.57.0
- Fixed "Playback position(s)" state
Update: 07/03/2023 - Version: 2.58.0
- fixed full screen with iOS
Update: 26/04/2023 - Version: 2.59.0
- Fixed old responsive height.
Update: 19/06/2023 - Version: 2.62.0
- Fixed autoplay for YouTube and Vimeo
Update: 27/06/2023 - Version: 2.63.0
- Added the ability to work with the dynamic video data source (on change) and the autoplay with scrolling in RG.
Update: 05/07/2023 - Version: 2.64.0
- Added preload video length and a state "video length in seconds".
Update: 27/12/2023 - Version: 2.73.0
- Fixed element height
Update: 10/01/2024 - Version: 2.75.0
- Added "Play part of video" option.
Update: 17/01/2024 - Version: 2.76.0
- Fixed element height
Update: 30/01/2024 - Version: 2.78.0
- Minor fixes
Update: 14/02/2024 - Version: 2.79.0
- Fixed element height
Update: 29/02/2024 - Version: 2.80.0
- Fixed unexpected playing previous video.
Update: 27/03/2024 - Version: 2.81.0
- Enhanced functionality to include support for playing YouTube Shorts.