Add figure to video shortcodes

layouts/partials/paige/iframe.html

@@ -0,0 +1,8 @@
+{{ $params := . }}
+
+{{ $fullscreen := $params.fullscreen }}
+{{ $referrerpolicy := $params.referrerpolicy | default "no-referrer" }}
+{{ $src := $params.src }}
+{{ $title := $params.title }}
+
+<iframe {{ if $fullscreen }} allowfullscreen {{ end }} {{ with $referrerpolicy }} referrerpolicy="{{ . }}" {{ end }} {{ with $src }} src="{{ . | safeURL }}" {{ end }} {{ with $title }} title="{{ . }}" {{ end }}></iframe>

layouts/partials/paige/scripts.html

@@ -17,17 +17,10 @@ function paigeResize() {
     } else {
         w = parseFloat(mw.substring(0, mw.length - 2));
     }
-    var es = document.querySelectorAll("section.paige-content > div");
+    var es = document.querySelectorAll("div.paige-video");
     for (var i = 0; i < es.length; i++) {
         var e = es[i];
-        var iframe = false;
-        for (var j = 0; j < e.children.length; j++) {
-            if (e.children.item(j).tagName.toLowerCase() === "iframe") {
-                iframe = true;
-                break;
-            }
-        }
-        if (iframe && e.style.width !== w) {
+        if (e.style.width !== w) {
             e.style.width = w + "px";
         }
     }

layouts/partials/paige/video.html

@@ -0,0 +1,16 @@
+{{ $params := . }}
+
+{{ $class := $params.class | default "paige-video ratio ratio-16x9" }}
+{{ $fullscreen := $params.fullscreen }}
+{{ $referrerpolicy := $params.referrerpolicy }}
+{{ $src := $params.src }}
+{{ $title := $params.title }}
+
+<div class="{{ $class }}">
+    {{ partial "paige/iframe.html" (dict
+        "fullscreen" $fullscreen
+        "referrerpolicy" $referrerpolicy
+        "src" $src
+        "title" $title
+    ) }}
+</div>