Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
Wrapper Components
- Introduction
- Barcodes
- Buttons
- Charts
- Chat
- DataSource
- Date Inputs
- Diagram
- Dialog
- Dropdowns
- DropDownTree
- Editor
- Gantt
- Gauges
- Grid (wrapper)
- Inputs
- Layout
- List Views
- ListBox
- Map
- MediaPlayer
- - Overview
  - Keyboard Navigation
  - API
- PivotGrid
- Popups
- Scheduler
- ScrollView
- Spreadsheet
- TreeList
- TreeMap
- TreeView
- Upload
- Validator
- Window
- Framework & Features
- Globalization
- Troubleshooting
- Using Wrapper Components in Vite
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
FAQ
Troubleshooting

Components / MediaPlayer / API / MediaPlayer API /

New to Kendo UI for Vue? Start a free 30-day trial

MediaPlayer

Props

auto-play `Boolean`

If auto-play is set to true, the MediaPlayer will start playing the video or videos after it initializes (autoPlay in Kendo UI for jQuery).

auto-repeat `Boolean`

If auto-repeat is set to true, the MediaPlayer will start playing the video or videos after it initializes (autoRepeat in Kendo UI for jQuery).

forward-seek `Boolean`

If forward-seek is set to false, the user will be prevented from seek forwarding the video (forwardSeek in Kendo UI for jQuery).

full-screen `Boolean`

If set to true, the widget will enter full-screen mode (fullScreen in Kendo UI for jQuery).

media `Object`

The object which holds the information about the media that will be played by the control (media in Kendo UI for jQuery). The supported composite props are available in MediaProps.

messages `Object`

The object which holds the localization strings (messages in Kendo UI for jQuery). The supported composite props are available in MessagesProps.

mute `Boolean`

If mute is set to true, the video will be played without sound (mute in Kendo UI for jQuery).

navigatable `Boolean`

If navigatable is set to true, the keyboard navigation is enabled (navigatable in Kendo UI for jQuery).

volume `Number`

A value between 0 and 100 that specifies the volume of the video (volume in Kendo UI for jQuery).

Events

end: `Function`

Fires when the MediaPlayer finishes playing (end in Kendo UI for jQuery). The event handler function context (available through the this keyword) will be set to the MediaPlayer instance.

pause: `Function`

Fires when the MediaPlayer is paused (pause in Kendo UI for jQuery). The event handler function context (available through the this keyword) will be set to the MediaPlayer instance.

play: `Function`

Fires when the MediaPlayer starts playing (play in Kendo UI for jQuery). The event handler function context (available through the this keyword) will be set to the MediaPlayer instance.

Fires when loading is over and the MediaPlayer is ready to start playing the media (ready in Kendo UI for jQuery). The event handler function context (available through the this keyword) will be set to the MediaPlayer instance.

timechange: `Function`

Fires when the user selects a new play time (timeChange in Kendo UI for jQuery). The event handler function context (available through the this keyword) will be set to the MediaPlayer instance.

volumechange: `Function`

Fires when the volume level is changed (volumeChange in Kendo UI for jQuery). The event handler function context (available through the this keyword) will be set to the MediaPlayer instance.

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI MediaPlayer instance.