anchor.diff:              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>
  
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: 
          .dir {
              font-style: italic;
          }
  
          @keyframes fadeinout {
              from {
                  opacity: 0;
              }
              10% {
                  opacity: 1;
              }
              70% {
                  opacity: 1;
              }
              to {
                  opacity: 0;
              }
          }
  
          #player-comment {
              position: absolute;
              top: 5px;
              left: 5px;
              width: 600px;
              min-height: 1px;
              white-space: nowrap;
              overflow: hidden;
              font-weight: bold;
              color: orange;
              opacity: 0;
          }
  
          .ani-blank {
              animation: fadeinout 0.7s;
          }
      </style>
  </head>
  