js

assets/js/theme/blocks/videos.js

-// function stopThis(){
-//     var iframe = container.getElementsByTagName("iframe")[0];
-//     var url = iframe.getAttribute('src');
-//     iframe.setAttribute('src', '');
-//     iframe.setAttribute('src', url);
-// }
-
 const videos = document.querySelectorAll('.block-video');
 
 class videoPlayer {
     constructor (dom) {
         this.dom = dom;
         
-        this.player = this.dom.querySelector('.video-player');
+        this.player = this.dom.querySelector('.lazy-video-player');
         if (this.player) {
             this.playBtn = this.player.querySelector('button');
         }

assets/sass/_theme/blocks/video.sass

@@ -6,7 +6,7 @@
             img
                 min-height: 400px
         position: relative
-        &-player
+        .lazy-video-player
             align-items: center
             height: 100%
             display: flex

layouts/partials/blocks/templates/video/dailymotion.html

 {{ if .video.poster }}
-  <div class="video-player">
-    <button class="video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
+  <div class="lazy-video-player">
+    <button class="lazy-video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
     <img src="{{ .video.poster }}" alt="{{ .video_title }}">
   </div>
 {{ end }}

layouts/partials/blocks/templates/video/vimeo.html

 {{ if .video.poster }}
-  <div class="video-player">
-    <button class="video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
+  <div class="lazy-video-player">
+    <button class="lazy-video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
     <img src="{{ .video.poster }}" alt="{{ .video_title }}">
   </div>
 {{ end }}

layouts/partials/blocks/templates/video/youtube.html

 {{ if .video.poster }}
-  <div class="video-player">
-    <button class="video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
+  <div class="lazy-video-player">
+    <button class="lazy-video-player__play" title ="{{- i18n "blocks.video.play" -}}" aria-label="{{- i18n "blocks.video.play" -}}"></button>
     <img src="{{ .video.poster }}" alt="{{ .video_title }}">
   </div>
 {{ end }}