Configure HTML Video Player

Use this page to configure the IFRAME settings for your video viewport.

Getting Started

If you have a picture of the video frame where the buttons are visible, copy it to the clipboard from Paint or other typical bitmap editor, or;
Run your video in full-screen. During the time the buttons are visible in the frame, press [PrtScr] to copy the screen to your clipboard, then;
Switch the focus back to this screen, and click inside the area with the black outline to select that area.
Press [Ctrl][V] to paste the image in the box, then scroll down to set the controls for the button.

Buttons
Selected Button:
Unique Name:
Button Left:		Button Top:
Button Width:		Button Height:
Link target URL:
Leave colors and image blank to indicate none...
Hover Color:		Background Color:
Button Image:
Timelines
Selected Timeline:
Name:		Assigned Button:
Valid values are time, in seconds, start, or end.
Enable Time:		Disable Time:
Viewport
Viewport width:		Viewport height:
Video Location
Video filename or URL:
Player Location
VideoPlayer Location:
Configuration File
Load Prev. Config File?
Configuration File Location:
Click [Generate Data], then copy your JSON and IFRAME codes from below.
JSON Configuration

IFRAME Code