Start/restart item in Playlist from javascript

[John]

Hello, all.

Just getting started with the RadMediaPlayer on a tight-deadline project, and I'm looking over the documentation, and I must be simply missing something.

I've got a playlist set up, and another control outside of the player -- a "featured video" display -- knows an index of an item within the playlist.  I want to click the button and immediately go to the beginning of that video, client-side if possible.

Thanks in advance.

[Vessy]

Hi John,

Indeed the MediaPlayer does not provide an API for changing the selected video index directly. Nevertheless, you can achieve that by manually triggering its nested playlist playListItemClick event, passing the desired video index as an argument.

For example, you can use a similar logic:

        <script>
            function playVideo(sender, args) {
                var mediaPlayer = $find("RadMediaPlayer1");
                var indexToPlay = 3; //your logic here
                mediaPlayer.playlist.trigger("playListItemClick", { index: indexToPlay });
            }
        </script>
        <telerik:RadButton runat="server" ID="RadButton1" Text="Select file" AutoPostBack="false" OnClientClicked="playVideo" />    

        <telerik:RadMediaPlayer RenderMode="Lightweight" ID="RadMediaPlayer1" runat="server"
            Height="360px" EnableViewState="false" Width="640px" AutoPlay="false">
            <PlaylistSettings 
                YouTubePlaylist="PLprnOV9ZLFns32TRnvTr7FgrPQH8kMog6" 
                Mode="Buttons" ButtonsTrigger="Hover"/>
        </telerik:RadMediaPlayer>

Regards,
Vessy
Progress Telerik