From 098c569bfa6b4ace8f2c6dfc2e83ffd750bfed5e Mon Sep 17 00:00:00 2001
From: loicbersier <loic.bersier1@gmail.com>
Date: Thu, 19 Dec 2019 15:15:13 +0100
Subject: [PATCH] make thumbnail directly from video and use poster for sound
 files

---
 resources/views/index.edge | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/resources/views/index.edge b/resources/views/index.edge
index 6f7dcc8..e64e615 100644
--- a/resources/views/index.edge
+++ b/resources/views/index.edge
@@ -146,13 +146,11 @@
                         <p><a class="button is-link is-rounded" href="{{ file.location }}" download>Download<i class="fas fa-fw fa-file-download" aria-hidden="true"></i></a></p>
                         <p><button class="button is-link is-rounded" onclick="toClipboard('https:\/\/namejeff.xyz\/{{ file.location }}')">Add to clipboard<i class="fas fa-fw fa-clipboard" aria-hidden="true"></i></button></p>
                     </div>
-                    <figure class="image">
-                        <video muted width="720" height="480" loop onmouseover="this.play()" onmouseout="this.pause();" oncanplay="this.muted=true">
-                            <source src="{{ file.location }}" type="video/mp4">
-                            <img src="data:image/png;base64, {{ file.img }}">
-                        </video>
+                    <video muted width="720" height="480" loop onmouseover="this.play()" onmouseout="this.pause();" oncanplay="this.muted=true" poster="{{ file.img }}" preload="metadata">
+                        <source src="{{ file.location }}#t=0.5" >
+                        <img src="{{ file.img }}" title="Your browser does not support the <video> tag">
+                    </video>
                         <!-- <img src="data:image/png;base64, {{ file.img }}"> -->
-                    </figure>
                 </article>
             </div>
             @endeach