<kendo:mediaPlayer>
A JSP wrapper for Kendo UI MediaPlayer.
Configuration Attributes
autoPlay boolean
If set to true, the widget will start playing the video or videos after initializing.
Example
<kendo:mediaPlayer autoPlay="autoPlay">
</kendo:mediaPlayer>
autoRepeat boolean
If set to true, the widget will start playing the video or videos after initializing.
Example
<kendo:mediaPlayer autoRepeat="autoRepeat">
</kendo:mediaPlayer>
forwardSeek boolean
If set to false, the user will be prevented from seeking the video forward.
Example
<kendo:mediaPlayer forwardSeek="forwardSeek">
</kendo:mediaPlayer>
fullScreen boolean
If set to true, the widget will enter fullscreen mode.
Example
<kendo:mediaPlayer fullScreen="fullScreen">
</kendo:mediaPlayer>
mute boolean
If set to true, the video will be played without sound.
Example
<kendo:mediaPlayer mute="mute">
</kendo:mediaPlayer>
navigatable boolean
If set to true, the option enables the keyboard navigation for the widget.
Example
<kendo:mediaPlayer navigatable="navigatable">
</kendo:mediaPlayer>
volume float
A value between 0 and 100 that specifies the volume of the video.
Example
<kendo:mediaPlayer volume="volume">
</kendo:mediaPlayer>
Configuration JSP Tags
kendo:mediaPlayer-media
The object which holds the information about the media that will be played by the control.
More documentation is available at kendo:mediaPlayer-media.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-media></kendo:mediaPlayer-media>
</kendo:mediaPlayer>
kendo:mediaPlayer-messages
The object which holds the localization strings.
More documentation is available at kendo:mediaPlayer-messages.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-messages></kendo:mediaPlayer-messages>
</kendo:mediaPlayer>
Event Attributes
end String
Fires when the media finishes playing.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the end event documentation.
Example
<kendo:mediaPlayer end="handle_end">
</kendo:mediaPlayer>
<script>
function handle_end(e) {
// Code to handle the end event.
}
</script>
pause String
Fires when the media is paused.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the pause event documentation.
Example
<kendo:mediaPlayer pause="handle_pause">
</kendo:mediaPlayer>
<script>
function handle_pause(e) {
// Code to handle the pause event.
}
</script>
play String
Fires when the media begins playing.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the play event documentation.
Example
<kendo:mediaPlayer play="handle_play">
</kendo:mediaPlayer>
<script>
function handle_play(e) {
// Code to handle the play event.
}
</script>
ready String
Fires when loading is over and the widget is ready to start playing the media.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the ready event documentation.
Example
<kendo:mediaPlayer ready="handle_ready">
</kendo:mediaPlayer>
<script>
function handle_ready(e) {
// Code to handle the ready event.
}
</script>
timeChange String
Fires when the user selects a new play time.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the timeChange event documentation.
Example
<kendo:mediaPlayer timeChange="handle_timeChange">
</kendo:mediaPlayer>
<script>
function handle_timeChange(e) {
// Code to handle the timeChange event.
}
</script>
volumeChange String
This event is fired upon changing the volume level.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the volumeChange event documentation.
Example
<kendo:mediaPlayer volumeChange="handle_volumeChange">
</kendo:mediaPlayer>
<script>
function handle_volumeChange(e) {
// Code to handle the volumeChange event.
}
</script>
Event Tags
kendo:mediaPlayer-end
Fires when the media finishes playing.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the end event documentation.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-end>
<script>
function(e) {
// Code to handle the end event.
}
</script>
</kendo:mediaPlayer-end>
</kendo:mediaPlayer>
kendo:mediaPlayer-pause
Fires when the media is paused.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the pause event documentation.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-pause>
<script>
function(e) {
// Code to handle the pause event.
}
</script>
</kendo:mediaPlayer-pause>
</kendo:mediaPlayer>
kendo:mediaPlayer-play
Fires when the media begins playing.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the play event documentation.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-play>
<script>
function(e) {
// Code to handle the play event.
}
</script>
</kendo:mediaPlayer-play>
</kendo:mediaPlayer>
kendo:mediaPlayer-ready
Fires when loading is over and the widget is ready to start playing the media.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the ready event documentation.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-ready>
<script>
function(e) {
// Code to handle the ready event.
}
</script>
</kendo:mediaPlayer-ready>
</kendo:mediaPlayer>
kendo:mediaPlayer-timeChange
Fires when the user selects a new play time.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the timeChange event documentation.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-timeChange>
<script>
function(e) {
// Code to handle the timeChange event.
}
</script>
</kendo:mediaPlayer-timeChange>
</kendo:mediaPlayer>
kendo:mediaPlayer-volumeChange
This event is fired upon changing the volume level.The event handler function context (available via the this keyword) will be set to the widget instance.
For additional information check the volumeChange event documentation.
Example
<kendo:mediaPlayer>
<kendo:mediaPlayer-volumeChange>
<script>
function(e) {
// Code to handle the volumeChange event.
}
</script>
</kendo:mediaPlayer-volumeChange>
</kendo:mediaPlayer>