Plyr Video Player

Stable Version 1.0.1 (OutSystems 10)
Published on 04 June 2019 by 
Stable Version 1.0.1 (OutSystems 10)
Published on 04 June 2019 by 
Created on 17 April 2019

Plyr Video Player



Set the SRC parameter with the video URL. If necessary, create a rest service or a web screen to stream the binary storage in your database. 

You can also config video dimensions and how it will work the play/pause:

  • clickToPlay:  Click (or tap) of the video container will toggle play/pause
  • Autoplay:  Autoplay the media on load. This is generally advised against on UX grounds. It is also disabled by default in some browsers. If the autoplay attribute is present on a <video> or <audio> element, this will be automatically set to true
  • Autopause: Only allow one player playing at once

In Control's parameter you can define which buttons will be available on player:
    'play-large', // The large play button in the center
    'restart', // Restart playback
    'rewind', // Rewind by the seek time (default 10 seconds)
    'play', // Play/pause playback
    'fast-forward', // Fast forward by the seek time (default 10 seconds)
    'progress', // The progress bar and scrubber for playback and buffering
    'current-time', // The current time of playback
    'duration', // The full duration of the media
    'mute', // Toggle mute
    'volume', // Volume control
    'captions', // Toggle captions
    'settings', // Settings menu
    'pip', // Picture-in-picture (currently Safari only)
    'airplay', // Airplay (currently Safari only)
    'download', // Show a download button with a link to either the current source or a custom URL you specify in your options
    'fullscreen', // Toggle fullscreen

As this widget uses external js plugin, you can visit the entire documentation and examples in the following website:

Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Rafael Fantato who created this component.
Plyr Video Player has no dependencies.