Video: Reference
Reference for Video in Web Framework References. Key properties: ID, Auto Play, Play In View, Auto Pause.
Add responsive video player to your website. Add interactivity to your website with App Connect Video Player. Offering full cross-browser and cross-platform compatibility, you can be sure your videos will look great on any device.
Inspector Property Groups
Video Properties
| Property | Type | Details |
|---|---|---|
| ID | text | Optional unique identifier for this element. Sets the element's id attribute. Keep IDs unique per page (useful for anchors, label for targets, and JavaScript hooks). Bootstrap docs: Introduction Required in common setups. Attribute: id |
| Auto Play | boolean | Directly Play the video when page is loaded. Might need also the Muted option otherwise browser will block it. Attribute: autoplay |
| Play In View | boolean | Automatically Play the video when it comes in view Attribute: playinview |
| Auto Pause | boolean | Automatically Pause the video when it goes out of view Attribute: autopause |
| Controls | boolean | Attribute: controls |
| Loop | boolean | Attribute: loop |
Actions
Play
Play the video
| Configuration group | Controls |
|---|---|
| Play Properties | Action configuration group |
Pause
Pause the video
| Configuration group | Controls |
|---|---|
| Pause Properties | Action configuration group |
Position
Go to position
| Configuration group | Controls |
|---|---|
| Position Properties | Position |
Playback Rate
Set the playback rate
| Configuration group | Controls |
|---|---|
| Playback Rate Properties | Playback Rate |
Volume
Set the volume
| Configuration group | Controls |
|---|---|
| Volume Properties | Volume |
Dynamic Attributes
Source
| Attribute property | Type | Details |
|---|---|---|
| Src: | text | Choose dynamic data binding. |
Poster
| Attribute property | Type | Details |
|---|---|---|
| Poster: | text | Choose dynamic data binding. |
Dynamic Events
Play
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |
Playing
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |
Pause
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |
Ended
| Event option | Type | Details |
|---|---|---|
| Action: | text | Choose the action to execute. |