Quick View: Space key opens quick view for image, video and audio in Download.

ui/file_manager/file_manager/foreground/elements/files_quick_view.html

Index: ui/file_manager/file_manager/foreground/elements/files_quick_view.html
diff --git a/ui/file_manager/file_manager/foreground/elements/files_quick_view.html b/ui/file_manager/file_manager/foreground/elements/files_quick_view.html
new file mode 100644
index 0000000000000000000000000000000000000000..b1b24e614a7cbf69511b7656e0a42b5fee904907
--- /dev/null
+++ b/ui/file_manager/file_manager/foreground/elements/files_quick_view.html
@@ -0,0 +1,53 @@
+<!-- Copyright 2016 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.
+-->
+
+<link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog/paper-dialog.html">
+
+<dom-module id="files-quick-view">
+  <style>
+    :host {
+      display: block;
+    }
+    paper-dialog {
+      height: 100%;
+      width: 100%;
+      background: black;
+      margin: 10px;
+    }
+    img, video, audio {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      margin: auto;
+      max-width: 100%;
+      max-height: 100%;
+    }
+  </style>
+  <template>
+    <paper-dialog id="dialog">
+      <template is="dom-if" if="[[image]]">
+        <div>
+          <img src="[[image]]"/>
+        </div>
+      </template>
+      <template is="dom-if" if="[[video]]">
+        <div>
+          <video controls autoplay src="[[video]]" poster="[[videoPoster]]"/>
+        </div>
+      </template>
+      <template is="dom-if" if="[[audio]]">
+        <div>
+          <audio autoplay controls src="[[audio]]"/>
+        </div>
+      </template>
+      <!-- TODO(oka): Add open and info buttons. -->
+    </paper-dialog>
+  </template>
+</dom-module>
+
+<script src="files_quick_view.js"></script>