diff --git a/sigal/gallery.py b/sigal/gallery.py
index 55aefa1..db91a93 100644
--- a/sigal/gallery.py
+++ b/sigal/gallery.py
@@ -232,7 +232,7 @@ class Gallery(object):
                 if f in imglist:
                     outname = join(outpath, filename)
                 else:
-                    outname = ''.join([os.path.splitext(filename)[0], '.webm'])
+                    outname = os.path.splitext(filename)[0] + '.webm'
 
                 if os.path.isfile(outname) and not self.force:
                     self.logger.info("%s exists - skipping", filename)
diff --git a/sigal/themes/galleria/static/img/empty.png b/sigal/themes/galleria/static/img/empty.png
new file mode 100644
index 0000000..9fc626c
Binary files /dev/null and b/sigal/themes/galleria/static/img/empty.png differ
diff --git a/sigal/themes/galleria/templates/index.html b/sigal/themes/galleria/templates/index.html
index 700040d..c16f20f 100644
--- a/sigal/themes/galleria/templates/index.html
+++ b/sigal/themes/galleria/templates/index.html
@@ -67,8 +67,10 @@
           </a>
           {% endfor %}
           {% for video in videos %}
+          <a href="{{ theme.url }}/img/empty.png">
             <img src="{{ video.thumb }}" alt="{{ video.file }}"
-            data-layer="<video style='position:inherit'; top:50%; left:50%;margin-top:-150px;margin-left:-200px' controls> <source src={{ video.file }} type='video/webm' /></video>" />
+            data-layer="<video controls> <source src={{ video.file }} type='video/webm' /></video>" />
+          </a>
           {% endfor %}
         </div>
         {% endif %}