Différences

Ci-dessous, les différences entre deux révisions de la page.

--- js:wrap_lazy-videos [2026/07/21 09:12] – avillepreux
+++ js:wrap_lazy-videos [2026/07/27 10:10] (Version actuelle) – avillepreux
@@ Ligne 22: / Ligne 22: @@
                         	&.lazy-waiting { opacity: 0 }
                         	opacity: 1;
+                        	&:hover {
+                        		cursor: pointer;
+                        	}
                 	}
                 }
@@ Ligne 80: / Ligne 84: @@
 document.addEventListener("DOMContentLoaded", () => {
+  var no_autoplay = (document.querySelectorAll(".wrap_lazy-videos-no-autoplay" ).length > 0);
   document.querySelectorAll(".wrap_lazy-videos .wrap_lazy-video").forEach(function(wrap_video) {
-          var video_path	= wrap_video.textContent;
+          var video_path	= wrap_video.textContent.trim();
-          var dokuwiki_path	= video_path;
+          var dokuwiki_path	= video_path.replaceAll("/", ":").replaceAll("\\", ":");
-          var src_path		= ("/_media/" + video_path).replaceAll(":", "/");
+          var src_path		= ("/_media/" + video_path).replaceAll(":", "/").replaceAll("\\", "/");
           var basename 		= src_path.split('/').reverse()[0];
-          var html = 	'<video title="' + basename + '" class="lazy-waiting media" width="320" height="240" controls="controls" muted autoplay loop playsinline preload="auto">' +
+          var html = 	'<video title="' + basename + '" class="lazy-waiting media" width="320" height="240" controls="controls" muted' + (!!no_autoplay ? '' : ' autoplay') + ' loop playsinline preload="auto">' +
                                   '<source data-src="' + src_path + '" type="video/mp4">' +
                                   '<a href="' + src_path + '?cache=" class="media mediafile mf_mp4" title="' + dokuwiki_path + '">' + basename + '</a>' +
@@ Ligne 137: / Ligne 143: @@
     video.load();
-    if (video.autoplay) {
+    if (video.autoplay && !no_autoplay) {
       video.play().catch(() => {});
     }