plyr-video-player
Web icon

Plyr Video Player

Stable version 1.0.1 (Compatible with OutSystems 11)
Other versions available for 10
Uploaded
 on 04 June 2019
 by 
5.0
 (2 ratings)
plyr-video-player

Plyr Video Player

Documentation
1.0.1

Using

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:

https://github.com/sampotts/plyr