diff --git a/layouts/portfolio/single.html b/layouts/portfolio/single.html
index 8dc7705..5a8165a 100644
--- a/layouts/portfolio/single.html
+++ b/layouts/portfolio/single.html
@@ -4,13 +4,8 @@
 {{ $images := .Params.images }}
 
 {{ with .Params.vimeo }}
-<div style="padding:56.25% 0 0;position:relative">
-  <iframe src="https://player.vimeo.com/video/{{ . }}?badge=0&autopause=0&player_id=0&app_id=58479"
-    loading="lazy" frameborder="0"
-    allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
-    referrerpolicy="strict-origin-when-cross-origin"
-    style="position:absolute;top:0;left:0;width:100%;height:100%"
-    title="{{ $.Title }}"></iframe>
+<div class="vimeo" data-vimeo="{{ . }}">
+  <button class="vimeo__play" type="button" aria-label="play video">▶ play</button>
 </div>
 {{ end }}