模板:VideoPlayer：修订间差异

可视化wikitext

@@ 第1行： / 第1行： @@
 <includeonly>
-<div class="video-responsive" style="
+<div class="video-player-wrapper" style="{{#if:{{{width|}}}|width:{{{width}}};|max-width:100%;}} margin:0 auto;">
-   position: relative;
+   <div class="video-container" style="
-  padding-bottom: {{#expr: ({{#if:{{{ratio|}}}| ({{#explode:{{{ratio}}}|:|1}} / {{#explode:{{{ratio}}}|:|0}})|9/16}}) * 100}}%;
+    position: relative;
-  height: 0;
+    padding-bottom: {{#expr: ({{#if:{{{ratio|}}}| ({{#explode:{{{ratio}}}|:|1}} / {{#explode:{{{ratio}}}|:|0}})|9/16}}) * 100}}%;
-  overflow: hidden;
+    height: 0;
-  max-width: 100%;
+    overflow: hidden;
-  {{#if:{{{border|}}}|border:{{{border}}};}}
+    {{#if:{{{border|}}}|border:{{{border}}};}}
-  {{#if:{{{background|}}}|background-color:{{{background}}};}}
+    {{#if:{{{background|}}}|background-color:{{{background}}};}}
-  {{#if:{{{radius|}}}|border-radius:{{{radius}}};}}
+    {{#if:{{{radius|}}}|border-radius:{{{radius}}};}}
-  {{#if:{{{shadow|}}}|box-shadow:{{{shadow}}};}}
+    {{#if:{{{shadow|}}}|box-shadow:{{{shadow}}};}}
-  {{{style|}}}
+    {{{style|}}}
-">
+  ">
-  <iframe
+    <video
-    src="{{{src}}}"
+      controls
-    style="
+      {{#if:{{{autoplay|}}}|autoplay|}}
-      position: absolute;
+      {{#if:{{{loop|}}}|loop|}}
-      top: 0;
+      {{#if:{{{muted|}}}|muted|}}
-      left: 0;
+      {{#if:{{{poster|}}}|poster="{{{poster}}}"|}}
-      width: 100%;
+      style="
-      height: 100%;
+        position: absolute;
-      border: none;
+        top: 0;
-    "
+        left: 0;
-    allow="autoplay; fullscreen"
+        width: 100%;
-    {{#if:{{{autoplay|}}}|allow="autoplay"|}}
+        height: 100%;
-     {{#if:{{{loop|}}}|loop|}}
+        {{#if:{{{controls-style|}}}|{{{controls-style}}}|}}
-    {{#if:{{{muted|}}}|muted|}}
+      "
-   ></iframe>
+     >
+      <source src="{{{src}}}" type="video/{{#if:{{{type|}}}|{{{type}}}|mp4}}">
+      您的浏览器不支持HTML5视频播放
+    </video>
+   </div>
 </div>
 </includeonly>

2025年6月21日 (六) 00:43的最新版本