Customization in JQuery MediaPlayer widget

22 Mar 20183 minutes to read

You can embed any YouTube videos into media player by providing URL of the YouTube video in source object.

  • HTML
  • <!doctype html>
    <html xmlns="">
          <title>Essential Studio for JavaScript : Media Player </title>
          <meta name="viewport" content="width=device-width, initial-scale=1.0" charset="utf-8" />  
          <div class="content-container-fluid">
            <div class="row">
                <div class="cols-sample-area">
           <!--Element which will render as Media Player-->
                    <div id="basicPlayer"></div>
         <script type="text/javascript">
            jQuery(function ($) {
                if (!(ej.browserInfo().name === "msie" && Number(ej.browserInfo().version) < 9))        {
           <!--Media Player rendering-->
                        width: "700px",
                        height: "400px",
                        source: [
                            "url": "",
                            "title": "Xamarin",
                            "author": "syncfusion"
                        renderMode: "advanced"
                else {
                    alert("Media Player (HTML5) will not be supported in IE Version < 9");

    Execute the above code to render the following output.