anchor.diff:      <title>Hello Millky</title>
       <link rel="stylesheet" type="text/css" href="<c:url value="/webjars/bootstrap/3.3.5/dist/css/bootstrap.css"/>"/>
       <style>
  +        html {
  +            padding: 20px;
  +        }
  +
           .video-link {
               cursor: pointer;
               display: block;
  
positive.code:         var player = $("#player");
          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) {
  
negative.code:             createPlayer();
              helpLink.leanModal({closeButton: ".lean-overlay"});
              loadDirFiles();
  
              $(document).bind('keyup keydown keypress', function (e) {
                  e.stopPropagation();
                  e.preventDefault();
              });
  
              $(document).keyup(function (e) {
  //                console.log(e);
                  var arrowKeys = ['q', 'w', 'e', 'a', 's', 'd', 'z', 'x', 'c'];
                  var player0 = player[0];
                  if (player0.canPlayType && !player0.paused) {
                      var key = e.key.toLowerCase();
  
                      if (key == "arrowleft") {
                          playerRew.click();
                      } else if (key == "arrowright") {
                          playerFwd.click();
                      } else if (key == "arrowup") {
                          playerFaster.click();
                      } else if (key == "arrowdown") {
                          playerSlower.click();
                      } else if (key == "enter") {
                          playerPlay.click();
                      } else if (key == "backspace") {
  
                      } else if ($.inArray(key, arrowKeys) >= 0) {
                          console.log(key);
                      }
                  }
              });
          });
      </script>
  </div>
  