anchor.diff:          var helpLink = $("#helpLink");
           var help = $("#help");
   
  +        function createPlayer() {
  +            var video = document.getElementById("player");
  +            if (video.canPlayType) {
  +                document.getElementById("play").addEventListener("click", function (evt) {
  +                    var button = $(evt.target);
  +                    if (video.paused) {
  +                        video.play();
  +                        button.removeClass('glyphicon-play').addClass('glyphicon-stop');
  +                    } else {
  +                        video.pause();
  +                        button.removeClass('glyphicon-stop').addClass('glyphicon-play');
  +                    }
  +                }, false);
  +                document.getElementById("restart").addEventListener("click", function () {
  +                    setTime(0);
  +                }, false);
  +                document.getElementById("rew").addEventListener("click", function () {
  +                    setTime(-10);
  +                }, false);
  +                document.getElementById("fwd").addEventListener("click", function () {
  +                    setTime(10);
  +                }, false);
  +                document.getElementById("slower").addEventListener("click", function () {
  +                    video.playbackRate -= .25;
  +                }, false);
  +                document.getElementById("faster").addEventListener("click", function () {
  +                    video.playbackRate += .25;
  +                }, false);
  +                document.getElementById("normal").addEventListener("click", function () {
  +                    video.playbackRate = 1;
  +                }, false);
  +                document.getElementById("mute").addEventListener("click", function (evt) {
  +                    if (video.muted) {
  +                        video.muted = false;
  +                        $(evt.target).addClass('glyphicon-volume-off').removeClass('glyphicon-bullhorn');
  +                    } else {
  +                        video.muted = true;
  +                        $(evt.target).addClass('glyphicon-bullhorn').removeClass('glyphicon-volume-off');
  +                    }
  +                }, false);
  +
  +                video.addEventListener("error", function (err) {
  +                    errMessage(err);
  +                }, true);
  +
  +                function setTime(tValue) {
  +                    try {
  +                        video.currentTime = tValue + (tValue == 0 ? 0 : video.currentTime);
  +                    } catch (err) {
  +                        errMessage("Video content might not be loaded");
  +                    }
  +                }
  +
  +                function errMessage(msg) {
  +                    document.getElementById("errorMsg").textContent = msg;
  +                    setTimeout("document.getElementById('errorMsg').textContent=''", 5000);
  +                }
  +            }
  +        }
  +
           function ajaxData(url, data) {
               var deferred = $.Deferred();
               console.log(url);
  
positive.code: <h2>Streaming Show ( location: <span id="pathInfo"></span> )</h2>
  
  <div id="fileList"></div>
  <div>
      <video id="player" controls="controls" autoplay="autoplay" poster="http://placehold.it/640x360" width="640"
      <%--height="400"--%> loop="loop" <%--muted="muted"--%>>
      </video>
  </div>
  
  <div>
  
negative.code:         }
  
          $(window).load(function () {
              createPlayer();
              helpLink.leanModal({closeButton: ".lean-overlay"});
              loadDirFiles();
          });
  