微件:视频：修订间差异
来自SOKA CAFE
小 |
|||
| （未显示同一用户的1个中间版本） | |||
| 第1行： | 第1行： | ||
<includeonly> | <includeonly> | ||
<script src="//api.html5media.info/1.2.2/html5media.min.js"></script><video src= | <script src="//api.html5media.info/1.2.2/html5media.min.js"></script> | ||
</includeonly> | <style> | ||
<noinclude>__NOTOC__ | .video-container { | ||
position: relative; | |||
width: px; | |||
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 { | |||
padding: 10px 20px; | |||
background: #4285f4; | |||
color: white; | |||
border: none; | |||
border-radius: 4px; | |||
cursor: pointer; | |||
transition: background 0.2s; | |||
} | |||
.video-load-btn:hover { | |||
background: #3367d6; | |||
} | |||
.video-player { | |||
width: 100%; | |||
height: 100%; | |||
display: none; | |||
} | |||
</style> | |||
<div class="video-container"> | |||
<!-- 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.style.display='none'"> | |||
▶ Load Video | |||
</button> | |||
<!-- Video element (hidden by default) --> | |||
<video class="video-player" | |||
width="<!--{$width|default:425|validate:int|escape:'html'}-->" | |||
height="<!--{$height|default:355|validate:int|escape:'html'}-->" | |||
controls | |||
preload="none"></video> | |||
</div> | |||
</includeonly><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 微件:视频.
