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

Banners

0:00 / 0:00
NASA Launches Mars Mission Web App with Telerik
This demo illustrates the ability of RadMediaPlayer to display banners over the video. The player can show multiple banners at different times (they cannot overlap). You can use the Banners collection of the MadiaPlayer to define banners with the folowing properties:
  • NavigateURL - URL that the users will be redirected to when they click on the banner.
  • ImageUrl - Url of the image shown as a banner.
  • StartTime - Time in seconds, when the banner will show.
  • EndTime - Time in seconds when the banner will automatically hide.
  • ShowCloseButton - Set to true if you want your users to see close button that hides the bannner.
  • ToolTip - Set title for the banner.
  • AlternateText - Alternate text for the image shown as a banner.
  • Target - For setting the Target html attribute for the a href of the banner.
  • DefaultVB.aspx
  • styles.css
<%@ Page Language="vb" AutoEventWireup="false"  %>

<%@ 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 href="styles.css" rel="stylesheet" type="text/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 size-custom">
        <telerik:RadMediaPlayer RenderMode="Lightweight" ID="RadMediaPlayer1" runat="server" Height="360px" Width="640px"
            BannerCloseButtonToolTip="Close"
            Title="NASA Launches Mars Mission Web App with Telerik"
            Source="https://www.youtube.com/watch?v=P0ZZ9T_c7lU">
            <Banners>
                <telerik:MediaPlayerBanner
                    NavigateURL="http://www.telerik.com/products/aspnet-ajax.aspx"
                    ImageUrl="images/Banner.png"
                    StartTime="3" EndTime="33"
                    ShowCloseButton="true"
                    ToolTip="UI for ASP.NET AJAX" />
            </Banners>
        </telerik:RadMediaPlayer>
    </div>
    </form>
</body>
</html>

Support & Learning Resources

Find Assistance