Enable looping of videos in Files.app.

chrome/browser/resources/file_manager/css/media_controls.css

Index: chrome/browser/resources/file_manager/css/media_controls.css
diff --git a/chrome/browser/resources/file_manager/css/media_controls.css b/chrome/browser/resources/file_manager/css/media_controls.css
index 7b56adb1e5aef6d9e46da9f3128c63d0100e60cf..98745a0d2677086ad765fabd7ed32eaf090a5eee 100644
--- a/chrome/browser/resources/file_manager/css/media_controls.css
+++ b/chrome/browser/resources/file_manager/css/media_controls.css
@@ -536,6 +536,28 @@
   z-index: 2;
 }
 
+.text-banner {
+  background-color: black;
+  border-radius: 10px;
+  color: white;
+  font-size: 18px;
+  left: 50%;
+  margin-left: -250px;

[hirono, 2013/06/20 09:20:46]

Is it OK for RTL mode?

[mtomasz, 2013/06/20 09:31:59]

It is fine, just centering. I've just double checked. However, the controls in
the video player are completely broken in RTL. We have to fix all RTL stuff in
Files.app some day. There is a bug for it.

+  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;
+}
+
 .playback-state-icon[state] {
   -webkit-animation: blowup 500ms;
 }
@@ -550,6 +572,25 @@
   }
 }
 
+@-webkit-keyframes text-banner-blowup {
+  from {
+    -webkit-transform: scale(0.5);
+    opacity: 0;
+  }
+  20% {
+    -webkit-transform: scale(1);
+    opacity: 0.75;
+  }
+  80% {
+    -webkit-transform: scale(1);
+    opacity: 0.75;
+  }
+  to {
+    -webkit-transform: scale(3);
+    opacity: 0;
+  }
+}
+
 .playback-state-icon[state='play'] {
   background-image: -webkit-image-set(
     url('../images/media/media_play.png') 1x,