<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>