anchor.diff:  
           .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>
  
positive.code:     <title>Hello Millky</title>
      <link rel="stylesheet" type="text/css" href="<c:url value="/webjars/bootstrap/3.3.5/dist/css/bootstrap.css"/>"/>
      <style>
          .video-link {
              cursor: pointer;
              display: block;
  
negative.code: <hr/>
  
  <div class="row">
      <div class="col-xs-12">
          <div style="width: 640px; float: left;">
              <div style="position: relative;">
                  <div id="player-comment"></div>
                  <video id="player" style="width: 100%;" autoplay="autoplay"
                         poster="http://placehold.it/640x360"
                         loop="loop" <%--height="400"--%> <%--muted="muted"--%> controls="controls">
                  </video>
              </div>
              <div style="text-align: center;">
                  <button id="restart" title="Restart button" class="btn glyphicon glyphicon-repeat"></button>
                  &nbsp;&nbsp;&nbsp;
                  <button id="rew" title="Rewind button" class="btn glyphicon glyphicon-backward"></button>
                  <button id="play" title="Play button" class="btn glyphicon glyphicon-stop"></button>
                  <button id="fwd" title="Forward button" class="btn glyphicon glyphicon-forward"></button>
                  &nbsp;&nbsp;&nbsp;
                  <button id="slower" title="Slower playback button"
                          class="btn glyphicon glyphicon-fast-backward"></button>
                  <button id="normal" title="Reset playback rate button" class="btn glyphicon glyphicon-refresh"></button>
                  <button id="faster" title="Faster playback button"
                          class="btn glyphicon glyphicon-fast-forward"></button>
                  &nbsp;&nbsp;&nbsp;
                  <button id="volDn" title="Volume down button" class="btn glyphicon glyphicon-volume-down"></button>
                  <button id="volUp" title="Volume up button" class="btn glyphicon glyphicon-volume-up"></button>
                  <button id="mute" title="Mute button" class="btn glyphicon glyphicon-volume-off"></button>
              </div>
              <br/>
          </div>
          <div style="width: 1em; float: left; min-height: 1px;"></div>
          <div style="width: 320px; float: left; min-height: 100px; background: red;" id="keyLog">
          </div>
      </div>
  </div>
  
  