You are here: Creating a Video Using a Constructor: voltmx.ui.Video

Video Widget

The Video widget helps to play the video files captured using the device’s camera, videos from the app resources, and from the servers/ websites by streaming data within a form. The Video widget can be added only to the FlexContainer, FlexScrollContainer, and FlexForm.

Following are a few real-time use cases of Video widget:

• Advertisements and Promotions: Promotional videos are played multiple times in gaming applications, news applications, and websites.

• Greetings: Videos like new greetings, Christmas greetings are played in a browser or an application.

• Instructional purposes: Instructional videos are created primarily for educational purposes.

Widgets are normally added to your application using Volt MX Iris, but can also be added from code. For general information on using widgets in Volt MX Iris, see Designing an Application in the Iris User Guide.

For general information on the Video widget see the Video topic in the Volt MX Iris User Guide.

This widget supports drag and drop of videos for iOS 11 on iPad.

The Video widget capabilities can be broadly categorized into the following:

• Layout
• Video Controls
• 3D Touch
• User Input Handling
• Animations
• UI Appearance
• Enabling RTL
• Miscellaneous
• Configurations Common To All Widgets

Layout

Video Controls

3D Touch

User Input Handling

Animations

UI Appearance

Enabling RTL

Miscellaneous

Configurations Common To All Widgets

Video Widget Basics

Creating a Video Using a Constructor: voltmx.ui.Video

var video = new voltmx.ui.Video (config);

Example

//Defining the properties for Video with source
var video1 = new voltmx.ui.Video({
    "id": "video1",
    skin: "vSkin",
    "controls": false,
    "width": "100%",
    "height": "100%",
    "zIndex": 3,
    "source": {
        "mp4": "http://www.quirksmode.org.html5/videos/big_buck_bunny.mp4",
        "mov": videofilepath,
        "rawBytes": camera1.rawBytes
    },
    "poster": null,
    "onPrepared": onPreparedCallBack
});

Limitations

• The Video Widget does not work in the DEBUG mode. It works only in the RELEASE mode.

iOS

The following are the important considerations for the iOS platform:

• If you add Video widgets to your apps using the voltmx.ui.video API (dynamically), at least one Video widget must be added from the default library on a form in your application. If all Video widgets are added to the app using the voltmx.ui.video API, videos will not play on the app.

SPA

The following are the important considerations for the SPA platform:

• When the form contains dockable components such as headers, footers, or an Appmenu, scrolling the video widget on iPhone or iPad does not scroll the form. This is due to a limitation that iPhone video controls do not respond to (custom) touch events when media controls are present.To avoid this, apply left or right margins to the either side of the video widget to enable scrolling of the form as well.
• If you have two videos in a form, you can only play one at a time.

Supported devices and video formats for SPA platform.