Widget:视频：修订间差异

2025年7月12日 (六) 14:11的最新版本

{{#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:视频.

@@ 第30行： / 第30行： @@
      height: <!--{$height|default:355|validate:int|escape:'html'}-->px;
      margin-bottom: 15px;
+    background: #f5f5f5;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 4px;
    }
    .video-load-btn {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
      padding: 10px 20px;
      background: #4285f4;
@@ 第42行： / 第43行： @@
      border-radius: 4px;
      cursor: pointer;
-     z-index: 10;
+     transition: background 0.2s;
    }
    .video-load-btn:hover {
@@ 第55行： / 第56行： @@
 <div class="video-container">
-   <!-- Button will be removed after click -->
+   <!-- Button is part of normal flow -->
    <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.nextElementSibling.style.display='block'; this.nextElementSibling.src='<!--{$url|validate:url|escape:html|regex_replace:"#^(?!(https?:)?//).*#i":''}-->'; this.style.display='none'">
      ▶ Load Video
    </button>