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

Media

configuration

The object which holds the information about the media that will be played by the control.

media

Object

<div id="mediaplayer"></div>
<script>
$("#mediaplayer").kendoMediaPlayer({
    media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
});
</script>

media.source

String

String or an array of objects that hold the URL or URLs of the videos.

<div id="mediaplayer"></div>
<script>
$("#mediaplayer").kendoMediaPlayer({
    media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
});
</script>

<div id="mediaplayer"></div>
<script>
$("#mediaplayer").kendoMediaPlayer({
    media: {
        title: "Kendo UI for jQuery: Welcome and Overview",
        source: [ { quality: "480p", url: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }, { quality: "720p", url: "https://www.youtube.com/watch?v=UbkbVBNYZMc" } ]
    }
});
</script>

media.title

String

Specifies the title of the media that will be played.

<div id="mediaplayer"></div>
<script>
$("#mediaplayer").kendoMediaPlayer({
    media: { title: "Kendo UI for jQuery: Welcome and Overview", source: "https://www.youtube.com/watch?v=UbkbVBNYZMc" }
});
</script>