New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

WebForms MediaPlayer Overview

This demo demonstrates the main functionality of the video player, including its own in-built media playlist, along with the use of a handy toolbar to navigate through the media file, play or pause it, change its volume, switch to full screen or load an HD version of the media if available. It also features a social share control in the title bar for quickly sharing the media file on Facebook, Twitter, Google +, etc.

About Telerik's Media Player for ASP.NET AJAX

The Telerik ASP.NET Audio and Video Player control allows users to play any HTML5-supported media formats. Users can take advantage of the rich built-in toolbar to play or pause the video, control the volume, switch to full screen mode, and more.

Telerik’s RadMediaPlayer uses the build-in HTML5 <video> and <audio> element functionality to bring rich media capabilities to your apps. It serves as an easy to setup professional configurable player suitable not only for personal blogs or websites, but also for business related e-commerce pages, web applications, TV channels, etc.

Key Features

  • Play HTML5 video
  • Play YouTube video
  • Play audio
  • Skins
  • Timer indication
  • HD option
  • Public share control
More about MediaPlayer for ASP.NET AJAX
  • DefaultCS.aspx
  • DefaultCS.aspx.cs
  • styles.css
<%@ Page Language="c#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.MediaPlayerExamples.Overview.DefaultCS" %>

<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
    <title>Telerik ASP.NET Example</title>
    <link rel="stylesheet" type="text/css" href="styles.css" />
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
    <div class="demo-container">
        <telerik:RadMediaPlayer RenderMode="Lightweight" ID="RadMediaPlayer1" runat="server" AutoPlay="true"
            Height="360px" Width="640px">
            <PlaylistSettings YouTubePlaylist="PLysOnu924Ug4EQpRCSscIRXAIKwVhZ8qR" Mode="Buttons" ButtonsTrigger="MouseDown" />
        </telerik:RadMediaPlayer>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance