diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 4255e11..4fe7b86 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -40,3 +40,8 @@ a {
 .hidden {
     display: none;
 }
+
+video{
+    width: 100%;
+    border: solid #000;
+}
diff --git a/views/index.pug b/views/index.pug
index a4be68e..0f3ccea 100644
--- a/views/index.pug
+++ b/views/index.pug
@@ -60,14 +60,15 @@ html(lang="en")
                 each media in oredredItem['object'].attachment
                   div.media-gallery
                     div.counter.hidden #{oredredItem['object'].attachment.length}
-                    if(media.mediaType.search('video'))
+                    if(media.mediaType.search('video') != -1)
                       figure.media-media-displayed.media-image
                         a(href=media.href)
-                        video(src=media.href)
-                        span Media vidéo
-                    elseif(media.mediaType.search('audio'))
-                      span Media audio
-                    elseif(media.mediaType.search('image'))
+                          span Media vidéo
+                        video(src=media.href,controls=controls)
+                    if(media.mediaType.search('audio') != -1)
+                      a(href=media.href)
+                         span Media audio
+                    if(media.mediaType.search('image') != -1)
                       figure.media-media-displayed.media-image
                         a(href=media.href)
                         img(src=media.href,alt=media.href)