Keyboard Navigation

The keyboard navigation of the MediaPlayer is always available.

To enable it, use the Navigatable(true) configuration. 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.

    @(Html.Kendo().MediaPlayer()
        .Name("mediaplayer")
        .Navigatable(true)
        .Media(m => m
            .Title("Our Company Culture - Lesson 1")
            .Source("Video/video1.mp4")
        )
        .HtmlAttributes(new { style = "height:360px; width:640px" })
    )

    <kendo-mediaplayer 
        name="mediaplayer"
        navigatable="true"
        style = "height:360px; width:640px">
        <media title="Our Company Culture - Lesson 1" source="Video/video1.mp4" />
    </kendo-mediaplayer>

See Also

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