Widget:Video: Difference between revisions

Latest revision as of 10:39, 15 December 2023

She Was Dreamin' of Boys

Early Endless Summer

@@ Line 1: / Line 1: @@
 <noinclude>__NOTOC__
 == Sample result ==
-{{#widget:Video|url=/images/4/46/SheWasDreaminOfBoys.mp4}}
+{{#widget:Video|url=/images/4/46/SheWasDreaminOfBoys.mp4|caption=She Was Dreamin' of Boys}}
-{{#widget:Video|url=/images/8/84/EarlyEndlessSummer.mp4}}
+{{#widget:Video|url=/images/8/84/EarlyEndlessSummer.mp4|caption=Early Endless Summer}}
 </noinclude>
-<includeonly><div id="youtube-outer"><video controls preload="auto" style="
+<includeonly>
-    position: relative;
+<figure class="video-wrapper">
-    height: 75%;
+<div class="video-outer">
-    width: 81%;
+<video id="content-video" controls>
-    background: black;
+<source id="video-source" type="video/webm" src="<!--{$url|escape:'urlpathinfo'}-->" >
-    left: 9.5%;
+</video>
-    top: 10%;
+</div>
-    border-radius: 3%;
+<figcaption><b><!--{$caption|escape:'html'}--></b></figcaption>
-    object-fit: cover;
+</figure>
-"><source src="<!--{$url|escape:'urlpathinfo'}-->" type="video/mp4"></video></div></includeonly>
+</includeonly>