Video Player: Don't show the loop message in unexpected timing

ui/file_manager/video_player/css/media_controls.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 .media-button {
   height: 28px;
   position: relative;
   width: 26px;
 }
 
@@ skipping 523 matching lines @@
   position: absolute;
   top: 50%;
   width: 32px;
   z-index: 2;
 }
 
 .text-banner {
   background-color: black;
   border-radius: 10px;
   color: white;
+  display: none;
   font-size: 18px;
   left: 50%;
   margin-left: -250px;
   opacity: 0;
   padding: 10px;
   pointer-events: none;
   position: absolute;
   text-align: center;
   text-shadow: 0 0 10px black;
   top: 20%;
   width: 500px;
   z-index: 2;
 }
 
 .text-banner[visible] {
   -webkit-animation: text-banner-blowup 3000ms;
+  display: block;
 }
 
 .playback-state-icon[state] {
   -webkit-animation: blowup 500ms;
 }
 
 @-webkit-keyframes blowup {
   from {
     opacity: 1;
   }
@@ skipping 26 matching lines @@
   background-image: -webkit-image-set(
     url('../images/media/media_play.png') 1x,
     url('../images/media/2x/media_play.png') 2x);
 }
 
 .playback-state-icon[state='pause'] {
   background-image: -webkit-image-set(
     url('../images/media/media_pause.png') 1x,
     url('../images/media/2x/media_pause.png') 2x);
 }