微件:视频：修订间差异

来自SOKA CAFE
可视化wikitext
小
 
第4行： 第4行：
   .video-container {
   .video-container {
     position: relative;
     position: relative;
     width: <!--{$width|default:425|validate:int|escape:'html'}-->px;
     width: px;
     height: <!--{$height|default:355|validate:int|escape:'html'}-->px;
     height: <!--{$height|default:355|validate:int|escape:'html'}-->px;
     margin-bottom: 15px;
     margin-bottom: 15px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
   }
   }
   .video-load-btn {
   .video-load-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
     padding: 10px 20px;
     padding: 10px 20px;
     background: #4285f4;
     background: #4285f4;
第19行： 第20行：
     border-radius: 4px;
     border-radius: 4px;
     cursor: pointer;
     cursor: pointer;
     z-index: 10;
     transition: background 0.2s;
   }
   }
   .video-load-btn:hover {
   .video-load-btn:hover {
第32行： 第33行：


<div class="video-container">
<div class="video-container">
   <!-- Button will be removed after click -->
   <!-- Button is part of normal flow -->
   <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.nextElementSibling.style.display='block'; this.nextElementSibling.src='<!--{$url|validate:url|escape:html|regex_replace:"#^(?!(https?:)?//).*#i":''}-->'; this.style.display='none'">
     ▶ Load Video
     ▶ Load Video
   </button>
   </button>
第44行： 第45行：
         preload="none"></video>
         preload="none"></video>
</div>
</div>
</includeonly>
</includeonly><noinclude>__NOTOC__
<noinclude>__NOTOC__
==信息==
==信息==
===来源===
===来源===

2025年7月20日 (日) 16:00的最新版本

信息

来源

It was created by taipan.

说明

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

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

Using this widget

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

Copy to your site

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 微件:视频.

取自“https://soka.cafe/index.php?title=微件:视频&oldid=2580”