Working with Widgets > 2D > Video
  
Video
What Does This Widget Do?
The Video widget allows you to include a video within an experience. Supported file formats include:
• .mp4
• .webm
When Should I Use This Widget?
Are There Any Special Properties, Services, Events, or Actions?
To view a list of common widget properties, services, and events, see Common Widget Properties, Services, and Events.
The following table is a list of properties that are specific to this widget.
Property
JavaScript
Type
Description
Video Source
videosrc
resource url
To include a video, you can do one of the following:
• Click next to the field to add a new video file.
• Enter or copy and paste a video URL directly into the field.
• Select a video file from the drop-down menu.
For information about linking to remote media, see Link to Remote Media.
Show Controls
showcontrols
boolean
Select whether or not to show the controls.
Preload
preload
string
Select what is preloaded:
• Content
• Metadata Only
• None
Playing
isPlaying
boolean
Indicates whether or not the video is playing.
Service
JavaScript
Description
Play
play
Plays the video.
Pause
pause
Pauses the video.
Event
JavaScript
Description
Play Started
playStarted
Triggered when the video begins.
Play Paused
playPaused
Triggered when the video is paused.
Play Ended
playEnded
Triggered when the video ends.
The Widget in Action
Here’s an example of what your widget might look like!
Minimum Steps Required for Use
What It Looks Like
1. Drag and drop an Video widget onto the canvas.
2. Select or add an video resource in the Video Source field.
* 
For this example, we’ve chosen to show the content immediately upon opening the experience by selecting Content from the Preload drop-down in the DETAILS pane.