Video Control

Documentation home

Description. 1

Properties 1

Style Tab - Styling Assistant 1

Html Element Properties Tab. 2

Video Control tab. 2

Texts tab. 3

Right Click Menu Actions 3

See also: Controls, Layouts

Description

A Video control is used to embed video content on a page.

Properties

See also control common properties and local/inherited control properties.

Style Tab - Styling Assistant

Property	Description	Name^1	Type^1	Get^1	Set^1	Get/Set Values^1
Width	Video width. If not specified, the video control will be displayed at the default size. If specified, the video control will be scaled to fit.	width	Character	Yes	Yes	As per CSS width parameter
Height	Video height. If not specified, the video control will be displayed at the default size. If specified, the video control will be scaled to fit.	height	Character	Yes	Yes	As per CSS height parameter
Border	Properties for the video control border. See border properties.
Margin	Margin is the space beyond the border. See padding and margin properties.
Advanced Properties:
Style	CSS class and inline style for the video control.	cssClass style	Character	Yes	Yes	As per HTML class parameter As per HTML style parameter

Html Element Properties Tab

This allows you to add element properties to the root element of the Control – see Html Element Properties for more information.

Video Control tab

Property	Description	Name^1	Type^1	Get^1	Set^1	Get/Set Values^1
Show Controls	When selected the browser offers controls to allow the user to control the video playback, volume, seeking, pause and resume.	showControls	Boolean	Yes	Yes
Autoplay	When selected, the video will automatically begin playback as soon as it is possible without waiting for the entire content to load.	autoplay	Boolean	Yes	Yes
Loop	When selected, the video will automatically restart the video content when reaching the end.	loop	Boolean	Yes	Yes
Muted	When selected, the video will initially be silenced.	muted	Boolean	Yes	Yes
Source URL	Specifies the Video URL for the video content. See URL properties for more information.	src	Character	Yes	Yes
Poster URL	A URL for an image to be shown while the video is downloading.	poster	Character	Yes	Yes

Texts tab

Property	Description	Name^1	Type^1	Get^1	Set^1	Get/Set Values^1
Not Supported	The alternative text for the video if the HTML5 video element is not supported by the browser (required for accessibility).	text	Character	Yes	Yes
Title	Title text displayed when the mouse is moved over the video control.	title	Character	Yes	Yes

See accessing control properties from scripts

Examples of setting properties via API based language:

Examples of setting properties via API based language:

controls.video1.width = "300px";

controls.video1.allMargin = "10px";

controls.video1.src = fields.SRC_FIELD.value;

controls.video1.poster = fields.POSTER_FIELD.value;

Examples of setting properties via FPL:

set VIDEO1.width = '200px';

set VIDEO1.allMargin = '10px';

set VIDEO1.src = SRC_FIELD;

set VIDEO1.poster = POSTER_FIELD;

Right Click Menu Actions

Click here for right-click menu actions available to all controls.

There are no specific right click actions for this control.