Advertisement
Guest User

elitePlayer

a guest
Nov 19th, 2017
366
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 25.27 KB | None | 0 0
  1.  
  2. <html>
  3.     <head>
  4.         <title>elitePlayer - Freework Audio player for JasperJones88</title>
  5.        
  6.         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
  7.         <style type="text/css">
  8.             * {
  9.                 box-sizing: border-box;
  10.             }
  11.            
  12.             div {
  13.                 display: block;
  14.                 overflow: hidden;
  15.             }
  16.            
  17.             body {
  18.                 margin: 0px;
  19.             }
  20.            
  21.             iframe {
  22.                 width: 100%;
  23.                 height: 100%;
  24.                 outline: none;
  25.                 border: none;
  26.                 z-index: 1;
  27.             }
  28.            
  29.             .eliteAlert {
  30.                 width: 800px;
  31.                 font-family: Arial;
  32.                 position: fixed;
  33.                 top: 20px;
  34.                 left: 20px;
  35.                 background-color: white;
  36.                 padding: 20px;
  37.                 z-index: 2;
  38.             }
  39.            
  40.             .eliteAlert > .alertTitle {
  41.                 font-weight: bold;
  42.                 font-size: 20px;
  43.                 margin-bottom: 5px;
  44.             }
  45.            
  46.             .eliteAlert > .alertDesc {
  47.                 font-size: 16px;
  48.             }
  49.            
  50.             .elitePlayer {
  51.                 width: 400px;
  52.                 position: fixed;
  53.                 bottom: 0px;
  54.                 right: 50px;
  55.                 font-family: Arial;
  56.                 background-color: white;
  57.                 border-radius: 10px 10px 0px 0px;
  58.                 box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
  59.             }
  60.            
  61.             .elitePlayer > .playerHeader {
  62.                 width: 100%;
  63.                 background-color: #EA1D22;
  64.                 color: white;
  65.                 padding: 15px;
  66.                 display: flex;
  67.                 align-items: center;
  68.                 justify-content: space-between;
  69.             }
  70.            
  71.             .elitePlayer > .playerHeader > .headerTitle {
  72.                 font-size: 16px;
  73.                 float: left;
  74.                 margin-right: 10px;
  75.             }
  76.            
  77.             .elitePlayer > .playerHeader > .headerAction {
  78.                 font-size: 14px;
  79.                 float: right;
  80.                 height: 40px;
  81.                 width: 40px;
  82.                 border-radius: 10px;
  83.                 cursor: pointer;
  84.                 text-align: center;
  85.                 transition: background-color .25s ease-in-out;
  86.             }
  87.            
  88.             .elitePlayer > .playerHeader > .headerAction > i {
  89.                 line-height: 40px;
  90.             }
  91.            
  92.             .elitePlayer > .playerHeader > .headerAction:hover {
  93.                 background-color: #AF0F13;
  94.                 transition: background-color .25s ease-in-out;
  95.             }
  96.            
  97.             .elitePlayer > .playerBody {
  98.                 width: 100%;
  99.                 color: white;
  100.                 padding: 15px;
  101.                 background-color: #AF0F13;
  102.                 display: none;
  103.                 align-items: center;
  104.                 justify-content: space-between;
  105.             }
  106.            
  107.             .elitePlayer > .playerBody.bodyHidden {
  108.                 display: none!important;
  109.             }
  110.            
  111.             .elitePlayer > .playerBody > .bodyData {
  112.                 color: white;
  113.             }
  114.            
  115.             .elitePlayer > .playerBody > .bodyTime {
  116.                 text-align: right;
  117.                 float: left;
  118.             }
  119.            
  120.             .elitePlayer > .playerBody > .bodyTime > div:nth-child(1) {
  121.                 font-size: 18px;
  122.             }
  123.            
  124.             .elitePlayer > .playerBody > .bodyTime > div:nth-child(2) {
  125.                 font-size: 14px;
  126.                 color: #FFFFFF80;
  127.             }
  128.            
  129.             .elitePlayer > .playerBody > .bodyData > .dataPlaying {
  130.                 width: 100%;
  131.                 font-size: 12px;
  132.                 color: #FFFFFF80;
  133.             }
  134.            
  135.             .elitePlayer > .playerBody > .bodyData > .dataTitle {
  136.                 width: 100%;
  137.                 font-size: 18px;
  138.                 margin-top: 5px;
  139.             }
  140.            
  141.             .elitePlayer > .playerBody > .bodyData > .dataEpisode {
  142.                 width: 100%;
  143.                 font-size: 14px;
  144.                 opacity: 0.8;
  145.             }
  146.            
  147.             .elitePlayer > .playerBody > .bodyData > .dataDescription {
  148.                 width: 100%;
  149.                 font-size: 14px;
  150.                 margin-top: 5px;
  151.             }
  152.            
  153.             .elitePlayer > .playerBody > .bodyData > .dataAuthor {
  154.                 width: 100%;
  155.                 font-size: 14px;
  156.             }
  157.            
  158.             .elitePlayer > .playerBody > .bodyData > .dataAuthor > span {
  159.                 font-weight: bold;
  160.             }
  161.            
  162.             .elitePlayer > .playerActions {
  163.                 color: white;
  164.                 background-color: #6D0E10;
  165.                 display: flex;
  166.                 align-items: center;
  167.                 justify-content: center;
  168.             }
  169.            
  170.             .elitePlayer > .playerActions > .actionItem {
  171.                 width: 50px;
  172.                 height: 50px;
  173.                 float: left;
  174.                 text-align: center;
  175.                 background-color: #6D0E10;
  176.                 cursor: pointer;
  177.                 transition: background-color .25s ease-in-out;
  178.             }
  179.            
  180.             .elitePlayer > .playerActions > .actionItem > i {
  181.                 line-height: 50px;
  182.                 font-size: 18px;
  183.             }
  184.            
  185.             .elitePlayer > .playerActions > .actionItem.mainItem > i {
  186.                 line-height: 50px;
  187.                 font-size: 24px;
  188.             }
  189.            
  190.             .elitePlayer > .playerActions > .actionGrid > .gridItem:hover,
  191.             .elitePlayer > .playerActions > .actionItem:hover {
  192.                 background-color: #5F090B;
  193.                 transition: background-color .25s ease-in-out;
  194.             }
  195.            
  196.             .elitePlayer > .playerList {
  197.                 width: 100%;
  198.                 min-height: 150px;
  199.                 position: relative;
  200.             }
  201.            
  202.             .elitePlayer > .playerList > .listItem {
  203.                 width: 100%;
  204.                 padding: 20px;
  205.                 cursor: pointer;
  206.                 display: flex;
  207.                 align-items: center;
  208.                 position: relative;
  209.                 justify-content: space-between;
  210.                 border-bottom: 1px solid #F3F4F5;
  211.                 transition: background-color .25s ease-in-out, color .25s ease-in-out;
  212.             }
  213.            
  214.             .elitePlayer > .playerList > .listItem > .itemProgress {
  215.                 position: absolute;
  216.                 bottom: 0px;
  217.                 left: 0px;
  218.                 width: 40%;
  219.                 height: 2px;
  220.                 background-color: #003858;
  221.                 display: none;
  222.             }
  223.            
  224.             .elitePlayer > .playerList > .listItem:last-child {
  225.                 border-bottom: none;
  226.             }
  227.            
  228.             .elitePlayer > .playerList > .listItem.itemPlaying,
  229.             .elitePlayer > .playerList > .listItem:hover {
  230.                 background-color: #F7F8FA;
  231.                 color: #EA1D22;
  232.                 transition: background-color .25s ease-in-out, color .25s ease-in-out;
  233.             }
  234.            
  235.             .elitePlayer > .playerList > .listItem > .itemMeta {
  236.                 float: left;
  237.                 width: calc(100% - 120px);
  238.             }
  239.            
  240.             .elitePlayer > .playerList > .listItem > .itemMeta > .metaTitle {
  241.                 font-size: 16px;
  242.             }
  243.            
  244.             .elitePlayer > .playerList > .listItem > .itemMeta > .metaAuthor {
  245.                 font-size: 14px;
  246.                 opacity: 0.8;
  247.             }
  248.            
  249.             .elitePlayer > .playerList > .listItem > .itemDuration {
  250.                 float: left;
  251.                 width: 70px;
  252.                 text-align: center;
  253.             }
  254.            
  255.             .elitePlayer > .playerList > .listItem > .itemAction {
  256.                 float: left;
  257.                 width: 35px;
  258.                 height: 35px;
  259.                 margin-left: 15px;
  260.                 text-align: center;
  261.             }
  262.            
  263.             .elitePlayer > .playerList > .listItem > .itemAction.actionHidden {
  264.                 opacity: 0;
  265.             }
  266.            
  267.             .elitePlayer > .playerList > .listItem:hover > .itemAction {
  268.                 opacity: 1;
  269.             }
  270.            
  271.             .elitePlayer > .playerList > .listItem > .itemAction > i {
  272.                 line-height: 35px;
  273.                 font-size: 14px;
  274.             }
  275.            
  276.             .elitePlayer > .playerList > .listItem.itemPlaying > .itemAction > i:nth-child(1) {
  277.                 display: none;
  278.             }
  279.            
  280.             .elitePlayer > .playerList > .listItem:not(.itemPlaying) > .itemAction > i:nth-child(2) {
  281.                 display: none;
  282.             }
  283.            
  284.             .elitePlayer > .playerList > .listOverlay {
  285.                 width: 100%;
  286.                 height: 100%;
  287.                 position: absolute;
  288.                 z-index: 2;
  289.                 background-color: #FFFFFFBF;
  290.             }
  291.            
  292.             .elitePlayer > .playerList > .listOverlay > .overlayLoader {
  293.                 width: 80px;
  294.                 height: 80px;
  295.                 border-radius: 50%;
  296.                 position: absolute;
  297.                 top: 0px;
  298.                 left: 0px;
  299.                 right: 0px;
  300.                 bottom: 0px;
  301.                 margin: auto;
  302.                 border: 10px solid #EA1D2280;
  303.                 border-top-color: #EA1D22;
  304.                 -webkit-animation: loaderRotate 1s linear infinite;
  305.                 -moz-animation: loaderRotate 1s linear infinite;
  306.                 animation: loaderRotate 1s linear infinite;
  307.             }
  308.            
  309.             @-moz-keyframes loaderRotate {
  310.                 100% {
  311.                     -moz-transform: rotate(360deg);
  312.                 }
  313.             }
  314.            
  315.             @-webkit-keyframes loaderRotate {
  316.                 100% {
  317.                     -webkit-transform: rotate(360deg);
  318.                 }
  319.             }
  320.            
  321.             @keyframes loaderRotate {
  322.                 100% {
  323.                     -webkit-transform: rotate(360deg);
  324.                     transform: rotate(360deg);
  325.                 }
  326.             }
  327.         </style>
  328.     </head>
  329.    
  330.     <body>
  331.         <div class="eliteAlert">
  332.             <div class="alertTitle">
  333.                 Notice the iFrame in Background
  334.             </div>
  335.            
  336.             <div class="alertDesc">
  337.                 The player itself is oustanding. In background we've got an 100%/100% iFrame containing the index.php file (landing page) from <a href="http://elitecode.biz" target="_BLANK">http://elitecode.biz</a>. If there would be more content so far on <a href="http://elitecode.biz" target="_BLANK">eliteCode.biz</a> you could move around on the page and listen to any music (as far as I complete the player tomorrow asap.)
  338.                 <br /><br />
  339.                 Cheers, eliteCode :)
  340.             </div>
  341.         </div>
  342.        
  343.         <iframe src="../../index.php"></iframe>
  344.        
  345.         <div class="elitePlayer">
  346.             <div class="playerHeader">
  347.                 <div class="headerTitle" data-location="eliteplayer.title">
  348.                     Podcast is loading..
  349.                 </div>
  350.                
  351.                 <div class="headerAction" data-event="eliteplayer.toggle.position" data-state="1">
  352.                     <i class="fa fa-chevron-down"></i>
  353.                 </div>
  354.             </div>
  355.            
  356.             <div class="playerActions">
  357.                 <div class="actionItem">
  358.                     <i class="fa fa-step-backward"></i>
  359.                 </div>
  360.                
  361.                 <div class="actionItem mainItem" data-location="eliteplayer.button.play" data-event="eliteplayer.toggle" data-state="paused">
  362.                     <i class="fa fa-play"></i>
  363.                 </div>
  364.                
  365.                 <div class="actionItem">
  366.                     <i class="fa fa-step-forward"></i>
  367.                 </div>
  368.             </div>
  369.            
  370.             <div class="playerBody" data-location="eliteplayer.body">
  371.                 <div class="bodyData">
  372.                     <div class="dataPlaying">
  373.                         Playing currently
  374.                     </div>
  375.                    
  376.                     <div class="dataTitle">
  377.                         Loading..
  378.                     </div>
  379.                    
  380.                     <div class="dataEpisode">
  381.                         Loading..
  382.                     </div>
  383.                    
  384.                     <div class="dataDescription">
  385.                         Loading..
  386.                     </div>
  387.                 </div>
  388.                
  389.                 <div class="bodyTime">
  390.                     <div>
  391.                         0:00
  392.                     </div>
  393.                    
  394.                     <div>
  395.                         0:00
  396.                     </div>
  397.                 </div>
  398.             </div>
  399.            
  400.             <div class="playerList" data-location="eliteplayer.playlist">
  401.                 <div class="listOverlay">
  402.                     <div class="overlayLoader"></div>
  403.                 </div>
  404.             </div>
  405.         </div>
  406.        
  407.         <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  408.         <script type="text/javascript">
  409.             $(document).ready(function() {
  410.                 var eliteDom = {};
  411.                
  412.                 eliteDom.getLocation = function(elementLocation) {
  413.                     return $("[data-location=\"" + elementLocation + "\"]");
  414.                 };
  415.                
  416.                 eliteDom.castEvent = function(elementEvent, elementIdentifier, elementCallback) {
  417.                     $("body").on(elementEvent, "[data-event=\"" + elementIdentifier + "\"]", elementCallback);
  418.                 };
  419.                
  420.                 var elitePlayer = {};
  421.                
  422.                 elitePlayer.playList = {};
  423.                 elitePlayer.playerTitle = "";
  424.                
  425.                 elitePlayer.playerTitleElement = eliteDom.getLocation("eliteplayer.title");
  426.                 elitePlayer.playlistElement = eliteDom.getLocation("eliteplayer.playlist");
  427.                 elitePlayer.playerBodyElement = eliteDom.getLocation("eliteplayer.body");
  428.                 elitePlayer.buttonPlayElement = eliteDom.getLocation("eliteplayer.button.play");
  429.                
  430.                 elitePlayer.audioPlayingCurrently = "-1";
  431.                 elitePlayer.audioObject;
  432.                
  433.                 elitePlayer.audioPlay = function(audioLocation) {
  434.                     if(audioLocation == "CURRENT")
  435.                         audioLocation = elitePlayer.audioPlayingCurrently;
  436.                    
  437.                     if(elitePlayer.audioPlayingCurrently == "-1" || elitePlayer.audioPlayingCurrently != audioLocation) {
  438.                         if(elitePlayer.audioPlayingCurrently != audioLocation && typeof elitePlayer.audioObject != "undefined")
  439.                            elitePlayer.audioObject.pause();
  440.                        
  441.                         elitePlayer.audioObject = new Audio();
  442.                         elitePlayer.audioObject.src = audioLocation;
  443.                         elitePlayer.audioObject.volume = 0.2;
  444.                     }
  445.                    
  446.                     elitePlayer.audioObject.play();
  447.                    
  448.                     elitePlayer.audioPlayerSetMeta(audioLocation);
  449.                     $(eliteDom.getLocation("eliteplayer.playlist.item." + elitePlayer.audioPlayingCurrently)).removeClass("itemPlaying");
  450.                     elitePlayer.audioPlayingCurrently = audioLocation;
  451.                     $(eliteDom.getLocation("eliteplayer.playlist.item." + audioLocation)).addClass("itemPlaying");
  452.                    
  453.                     $("i", elitePlayer.buttonPlayElement).attr("class", "fa fa-pause");
  454.                     $(elitePlayer.buttonPlayElement).data("state", "playing");
  455.                 };
  456.                
  457.                 elitePlayer.audioStop = function(audioLocation) {
  458.                     if(audioLocation == "CURRENT")
  459.                         audioLocation = elitePlayer.audioPlayingCurrently;
  460.                    
  461.                     elitePlayer.audioObject.pause();
  462.                    
  463.                     $(eliteDom.getLocation("eliteplayer.playlist.item." + audioLocation)).removeClass("itemPlaying");
  464.                 };
  465.                
  466.                 elitePlayer.audioPlayerSetMeta = function(audioLocation) {
  467.                     var audioMeta = elitePlayer.playList[audioLocation];
  468.                    
  469.                     $(".bodyData > .dataTitle", elitePlayer.playerBodyElement).text(audioMeta.audioTitle);
  470.                     $(".bodyData > .dataEpisode", elitePlayer.playerBodyElement).text(audioMeta.audioEpisode);
  471.                     $(".bodyData > .dataDescription", elitePlayer.playerBodyElement).text(audioMeta.audioDescription);
  472.                    
  473.                     $(elitePlayer.audioObject).on("loadedmetadata", function() {
  474.                         $(".bodyTime > div:nth-child(2)", elitePlayer.playerBodyElement).text(elitePlayer.convertSecondsToTime(Math.round(elitePlayer.audioObject.duration)));
  475.                     });
  476.                    
  477.                     $(elitePlayer.audioObject).on("timeupdate", function() {
  478.                         $(".bodyTime > div:nth-child(1)", elitePlayer.playerBodyElement).text(elitePlayer.convertSecondsToTime(Math.round(elitePlayer.audioObject.currentTime)));
  479.                     });
  480.                    
  481.                     if($(elitePlayer.playerBodyElement).css("display") == "none")
  482.                         $(elitePlayer.playerBodyElement).stop().css("display", "flex").hide().fadeIn(150);
  483.                 };
  484.                
  485.                 elitePlayer.audioAdd = function(audioTitle, audioEpisode, audioDescription, audioLocation) {
  486.                     elitePlayer.playList[audioLocation] = {
  487.                         "audioTitle": audioTitle,
  488.                         "audioEpisode": audioEpisode,
  489.                         "audioDescription": audioDescription,
  490.                         "audioLocation": audioLocation
  491.                     };
  492.                 };
  493.                
  494.                 elitePlayer.audioRemove = function(audioLocation) {
  495.                     delete elitePlayer.playList[audioLocation];
  496.                 };
  497.                
  498.                 elitePlayer.convertSecondsToTime = function(givenSeconds) {
  499.                     var requiredHours = ~~(givenSeconds / 3600);
  500.                     var requiredMinutes = ~~((givenSeconds % 3600) / 60);
  501.                     var requiredSeconds = givenSeconds % 60;
  502.                    
  503.                     var convertedTime = "";
  504.                    
  505.                     if (requiredHours > 0) {
  506.                         convertedTime += "" + requiredHours + ":" + (requiredMinutes < 10 ? "0" : "");
  507.                    }
  508.                    
  509.                    convertedTime += "" + requiredMinutes + ":" + (requiredSeconds < 10 ? "0" : "");
  510.                    convertedTime += "" + requiredSeconds;
  511.                    
  512.                    return convertedTime;  
  513.                };
  514.                
  515.                elitePlayer.initializePlayer = function() {
  516.                    $.each(elitePlayer.playList, function(audioLocation, audioMeta) {
  517.                        var audioEpisode = audioMeta.audioEpisode;
  518.                        var audioTitle = audioMeta.audioTitle;
  519.                        var audioDescription = audioMeta.audioDescription;
  520.                        var audioLocation = audioMeta.audioLocation;
  521.                        var audioDuration = "Loading..";
  522.                        
  523.                        $(elitePlayer.playlistElement).append("<div data-event=\"eliteplayer.play\" data-audio-location=\"" + audioLocation + "\" data-location=\"eliteplayer.playlist.item." + audioLocation + "\" class=\"listItem\"><div class=\"itemMeta\"><div class=\"metaTitle\">" + audioTitle + "</div><div class=\"metaAuthor\">" + audioEpisode + "</div></div><div class=\"itemDuration\">" + audioDuration + "</div><div class=\"itemAction\"><i class=\"fa fa-play\"></i><i class=\"fa fa-pause\"></i></div><div class=\"itemProgress\"></div></div>");
  524.                        
  525.                         var audioObject = new Audio();
  526.                         $(audioObject).on("loadedmetadata", function() {
  527.                             audioDuration = audioObject.duration;
  528.                             $(".itemDuration", eliteDom.getLocation("eliteplayer.playlist.item." + audioLocation)).text(elitePlayer.convertSecondsToTime(Math.round(audioDuration)));
  529.                         });
  530.                         audioObject.src = audioLocation;
  531.                     });
  532.                    
  533.                     $(".listOverlay", elitePlayer.playlistElement).stop().fadeOut(150);
  534.                    
  535.                     var audioLocationFirst = Object.keys(elitePlayer.playList)[0];
  536.                     $(elitePlayer.buttonPlayElement).data("audio-location", audioLocationFirst);
  537.                    
  538.                     $(elitePlayer.playerTitleElement).text(elitePlayer.playerTitle);
  539.                 };
  540.                
  541.                 eliteDom.castEvent("click", "eliteplayer.play", function(eventCallback) {
  542.                     var audioLocation = $(this).data("audio-location");
  543.                    
  544.                     elitePlayer.audioPlay(audioLocation);
  545.                 });
  546.                
  547.                 eliteDom.castEvent("click", "eliteplayer.toggle", function(eventCallback) {
  548.                     var dataAudioLocation = $(this).data("audio-location");
  549.                     var dataState = $(this).data("state");
  550.                    
  551.                     switch(dataState) {
  552.                         case "paused": {
  553.                             $(this).data("state", "playing");
  554.                             $("i", this).attr("class", "fa fa-pause");
  555.                            
  556.                             if(typeof elitePlayer.audioObject != "undefined")
  557.                                 elitePlayer.audioPlay("CURRENT");
  558.                             else
  559.                                 elitePlayer.audioPlay(dataAudioLocation);
  560.                         } break;
  561.  
  562.                         case "playing": {
  563.                             $(this).data("state", "paused");
  564.                             $("i", this).attr("class", "fa fa-play");
  565.                            
  566.                             if(typeof elitePlayer.audioObject != "undefined")
  567.                                 elitePlayer.audioStop("CURRENT");
  568.                             else
  569.                                 elitePlayer.audioStop(dataAudioLocation);
  570.                         } break;
  571.                     }
  572.                 });
  573.                
  574.                 eliteDom.castEvent("click", "eliteplayer.toggle.position", function(eventCallback) {
  575.                     var currentState = $(this).data("state");
  576.                     var elitePlayer = $(".elitePlayer");
  577.                     var requiredHeight = $(".playerHeader", elitePlayer).outerHeight() + $(".playerActions", elitePlayer).outerHeight();
  578.                    
  579.                     if(eliteDom.getLocation("eliteplayer.body").css("display") == "flex")
  580.                         requiredHeight += eliteDom.getLocation("eliteplayer.body").outerHeight();
  581.                    
  582.                     switch(currentState) {
  583.                         case 0: {
  584.                             $(elitePlayer).css("bottom", "0px");
  585.                             $(this).data("state", 1);
  586.                             $("i", this).attr("class", "fa fa-chevron-down");
  587.                             $(eliteDom.getLocation("eliteplayer.body")).removeClass("bodyHidden");
  588.                         } break;
  589.                            
  590.                         case 1: {
  591.                             $(elitePlayer).css("bottom", '-' + ($(elitePlayer).height() - requiredHeight) + "px");
  592.                             $(this).data("state", 0);
  593.                             $("i", this).attr("class", "fa fa-chevron-up");
  594.                             $(eliteDom.getLocation("eliteplayer.body")).addClass("bodyHidden");
  595.                         } break;
  596.                     }
  597.                 });
  598.                
  599.                 // Change your title here
  600.                 elitePlayer.playerTitle = "elitePlayer - Podcast MP3 player";
  601.                
  602.                 // Add songs to the playlist here
  603.                 elitePlayer.audioAdd("Dota", "Episode 1", "Any description may come here", "http://elitecode.biz/_freework/_eliteplayer/_music/basshunter_dota.mp3");
  604.                 elitePlayer.audioAdd("Gabber", "Episode 2", "Any description may come here", "http://elitecode.biz/_freework/_eliteplayer/_music/scooter_gabber.mp3");
  605.                
  606.                 elitePlayer.initializePlayer();
  607.             });
  608.         </script>
  609.     </body>
  610. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement