Keyboard Navigation

The keyboard navigation of the MediaPlayer is disabled by default.

To enable it, use the Navigatable(true) configuration.

Razor

    @(Html.Kendo().MediaPlayer()
        .Name("mediaPlayer")
        .Navigatable(true)
        /* Other configuration. */
    )

Razor

    @addTagHelper *, Kendo.Mvc

    <kendo-mediaplayer name="mediaPlayer" navigatable="true">
        <!-- Other configuration. -->
    </kendo-mediaplayer>

For a complete example, refer to the demo on using the keyboard navigation of the MediaPlayer.

The MediaPlayer supports the following keyboard shortcuts:

Shortcut	Description
Enter	Opens the video in the full-screen mode.
Esc	Exits the full-screen mode.
Space	Toggles the play and pause state.
M	Toggles the mute and unmute state.
Right Arrow	Seeks forward.
Left Arrow	Seels backward.
Up Arrow	Increases the volume.
Down Arrow	Decreases the volume.
Ctrl + 1	Decreases the video quality.
Ctrl + 2	Increases the video quality.

See Also

• Keyboard Navigation by the MediaPlayer HtmlHelper for ASP.NET Core (Demo)
• Accessibility in Telerik UI for ASP.NET Core