# Media Player

![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-Mcj1kiiNdCrCmP1IE7u%2F-Mcj2UGKKHr4yyfTKBxx%2FMediaPlayer.PNG?alt=media\&token=bbac5008-4ff8-40ed-9098-b4b5beb7979d)

The Media Player Control allows you to add video or audio to your Forms. It can be either from a local file or from an external URL.

**Value -** The value of this control is the source of the media to be played, either a local file or an external URL.

### Properties

![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-MGDSbtP5Gv-pIVJLz9S%2F-MGE9zbVFbdV6oDZY5nF%2FMediaPlayer_Menu.PNG?alt=media\&token=889bc073-58a3-418d-8de3-62803a5355f1)

###  Tab - General

**Common** 

* **Name** - Name of the Control. This Name will be used to identify the Control throughout the Project. The name of the Control can only contain letters, digits or underscore (\_).
* **Value** - The value of this control is the source of the media to be played, either a local file or an external URL.
* **Description** - *Not applicable to this control.*
* **Plane** – Plane of the Form where the Control should be created. Check the [Planes ](https://doc.sysdevmobile.com/kalipso5/developing/form/option-window/planes)chapter for more information.
* **Visible** - With this option selected, the control is (or is not) visible.

{% hint style="warning" %}
In the "value" field it is possible to include an external link to the multimedia content such as a video, for example. However that link has to be to an URL address with the multimedia file. For example: [www.contoso.com/contents/video1.mp4](http://www.contoso.com/contents/video1.mp4) . In other words, links (embedded or url) to multimedia content portals such as youtube.com or vimeo.com cannot be added.
{% endhint %}

**Layout**

* **X** - x position of the Control from left
* **Y** - y position of the Control from top 
* **Width** - Width of the Control.  
* **Height** -  Height of the Control

{% hint style="info" %}
In relation to all these layout options, it is possible to set this value in runtime via the “[Set Property](https://doc.sysdevmobile.com/kalipso5/developing/form/actions/actions-description/group-controls/set-property)” Action. You can also retrieve this value in runtime via the “[Get Property](https://doc.sysdevmobile.com/kalipso5/developing/form/actions/actions-description/group-controls/get-property)” Action.
{% endhint %}

**Miscellaneous**

* **Display Controls** - Shows the controls for managing media content.
* **Keep Awake** - Keeps the media player control active in the application

**Style**

***Appearance***

* **Background** - Background color of the Control. You can set the color for the background.
* **Opacity** - Set the percentage of opacity for the background.

{% hint style="info" %}
You can set this value is runtime via the “[**Set Property**](https://doc.sysdevmobile.com/kalipso5/developing/form/actions/actions-description/group-controls/set-property)” Action. You can retrieve this value in runtime via the “[**Get Property**](https://doc.sysdevmobile.com/kalipso5/developing/form/actions/actions-description/group-controls/get-property)” Action.
{% endhint %}

On the right side of the Style section, you can choose templates with pre-defined styles or configurable ones. By clicking on this option, the following style possibilities appear:

* **Styles**
  * None
  * Base

***Border***

* **Border** - Yes or No

### Tab - Actions

![](https://3821468174-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LrTlA1suFa5N48x_83N%2F-MGEC8XhxClYJFUXn4zz%2F-MGECL_rbD1Qc3je3IrJ%2FMediaPlayer_Menu_Actions.PNG?alt=media\&token=d064c25a-e26b-42ed-812d-3f4d6ee5c937)

For each control, actions can be associated. For this, with the control selected, it is possible to access this tab and associate an action to the control. For more information on the actions available and how to use them click [**here**](https://doc.sysdevmobile.com/kalipso5/developing/form/option-window/actions).‌‌

#### Shortcuts‌ <a href="#shortcuts" id="shortcuts"></a>

* F2 - Actions
* F3 - General Properties&#x20;