Skip to content

This a Mendix widget that takes a video ID as attribute, shows a thumbnail and title and opens a popup video player on click.

License

Notifications You must be signed in to change notification settings

ClevrSolutions/PopupVideoPlayer

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Popup Video Player Support

This widget shows a small preview thumbnail and title for a YouTube or Vimeo video. When clicked, it will open the video in a popup. Clicking outside the popup closes it again.

Contributing

For more information on contributing to this repository visit Contributing to a GitHub repository!

Configuration

Data Source

Video ID Attribute

This is the attribute containing the ID for the video. Make sure this matches the Video Source that is specified.

Video Source

Here you can specify if the video ID will be for YouTube or Vimeo. These are currently the only supported video providers. Please send in an issue if you would like to see another video platform supported.

General

Autoplay

You can set this to have the video autoplay once the popup opens.

Appearance

Player Width

The width of the popup.

Player height

The height of the popup.

Responsive

Responsive Fullscreen

If you set this to true, the player will determine the width and height of the player, instead of using the Player width and height as set in 'Appearance'. Default: false

Max width percentage

If you use the Responsive Fullscreen option, this will determine what the max width/height is of the player. It will center the video and scale it to the window width/height, multiplied by the percentage. Default: 90

Behavior

On Click Microflow

An optional microflow that is triggered when the popup is opened.

About

This a Mendix widget that takes a video ID as attribute, shows a thumbnail and title and opens a popup video player on click.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 85.5%
  • CSS 8.6%
  • HTML 5.9%