Widget:视频：修订间差异

2025年7月12日 (六) 13:47的版本

{{#widget:视频
|url=https://vip.123pan.cn/1826204916/5651071
|width=640
|height=auto
}}

This widget lets you embed HTML5 Video Media on your wiki page.

It was created by taipan.

For information on how to use this widget, see widget description page on MediaWikiWidgets.org.

To use this widget on your site, install MediaWiki Widgets extension and copy the complete source code of this page to your wiki as page Widget:视频.

@@ 第27行： / 第27行： @@
    .video-container {
      position: relative;
-     width: <!--{$width|default:425|validate:int|escape:'html'}-->px;
+     width: px;
      height: <!--{$height|default:355|validate:int|escape:'html'}-->px;
      margin-bottom: 15px;
@@ 第55行： / 第55行： @@
 <div class="video-container">
-   <!-- Button will be removed after click -->
+   <div class="video-button-wrapper" style="text-align: center; padding: 20px;">
-  <button class="video-load-btn"
+        <button class="video-load-btn"
-          onclick="this.nextElementSibling.style.display='block'; this.nextElementSibling.src='<!--{$url|validate:url|escape:html|regex_replace:"#^(?!(https?:)?//).*#i":''}-->'; this.remove()">
+                onclick="this.closest('.video-container').querySelector('.video-player').style.display='block'; this.closest('.video-container').querySelector('.video-player').src=''; this.parentNode.remove()">
-    ▶ Load Video
+            ▶ Load Video
-  </button>
+        </button>
+    </div>
    <!-- Video element (hidden by default) -->
    <video class="video-player"