"틀:동영상스와이퍼"의 두 판 사이의 차이

2025년 12월 29일 (월) 09:48 판

 
  
   == 템플릿 사용 예제 ==

== 템플릿 사용 예제 ==
{{동영상스와이퍼
  | https://www.youtube.com/watch?v-nN6hHjH2O-c
  | https://www.youtube.com/watch?v-nN6hHjH2O-c
  | https://www.youtube.com/watch?v-nN6hHjH2O-c
}}

 위 예제는 동영상 스와이퍼 템플릿 사용 예시입니다. watch?v- 형식의 유튜브 URL을
 입력하면 자동으로 embed 형식으로 변환됩니다.

@@ 16번째 줄: / 16번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#regex:{{#replace:{{{1|}}}|watch?v-|embed/}}|&.*||}}"
+             src="{{#replace:{{{1|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 30번째 줄: / 30번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#regex:{{#replace:{{{2|}}}|watch?v-|embed/}}|&.*||}}"
+             src="{{#replace:{{{2|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 44번째 줄: / 44번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#regex:{{#replace:{{{3|}}}|watch?v-|embed/}}|&.*||}}"
+             src="{{#replace:{{{3|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 58번째 줄: / 58번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{4|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{4|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 72번째 줄: / 72번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{5|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{5|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 86번째 줄: / 86번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{6|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{6|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 100번째 줄: / 100번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{7|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{7|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 114번째 줄: / 114번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{8|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{8|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 128번째 줄: / 128번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{9|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{9|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 142번째 줄: / 142번째 줄: @@
              width="100%"
              height="100%"
-             src="{{#replace:{{#regex:{{{10|}}}|&.*||}}|watch?v-|embed/}}"
+             src="{{#replace:{{{10|}}}|watch?v-|embed/}}"
              frameborder="0"
              allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@@ 196번째 줄: / 196번째 줄: @@
        });
-       // 모든 iframe에 enablejsapi=1 파라미터 추가
+       // 모든 iframe의 URL에서 & 이후 파라미터 제거 후 enablejsapi=1 파라미터 추가
        document
          .querySelectorAll(".etb-video-swiper iframe")
@@ 202번째 줄: / 202번째 줄: @@
            if (iframe.src) {
              if (!iframe.src.includes("youtu")) return;
+            // & 이후 파라미터 제거
+            const ampIndex = iframe.src.indexOf("&");
+            if (ampIndex !== -1) {
+              iframe.src = iframe.src.substring(0, ampIndex);
+            }
+            // enablejsapi=1 파라미터 추가
              if (!iframe.src.includes("enablejsapi=1")) {
                iframe.src =