diff --git a/layouts/portfolio/single.html b/layouts/portfolio/single.html
index 9db522d..919ad59 100644
--- a/layouts/portfolio/single.html
+++ b/layouts/portfolio/single.html
@@ -4,9 +4,19 @@
 {{ $images := .Params.images }}
 
 {{ with .Params.video }}
-<video class="video" controls preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}>
-  <source src="{{ . }}" type="video/mp4">
-</video>
+<div class="player">
+  <video preload="none" playsinline{{ with $.Params.thumbnail }} poster="{{ . }}"{{ end }}>
+    <source src="{{ . }}" type="video/mp4">
+  </video>
+  <button class="player__big" type="button" aria-label="play">▶</button>
+  <div class="player__bar">
+    <button class="player__play" type="button" aria-label="play/pause">▶</button>
+    <div class="player__scrub"><div class="player__fill"></div></div>
+    <span class="player__time">00:00 / 00:00</span>
+    <button class="player__mute" type="button" aria-label="mute">vol</button>
+    <button class="player__full" type="button" aria-label="fullscreen">⛶</button>
+  </div>
+</div>
 {{ end }}
 
 {{ if or $images $hasText }}