No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
== Sample result == | == Sample result == | ||
</noinclude> | </noinclude> | ||
| Line 10: | Line 9: | ||
<head> | <head> | ||
<style> | <style> | ||
.video-outer { | |||
background-position: center; | background-position: center; | ||
background-size: contain; | background-size: contain; | ||
| Line 25: | Line 24: | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
.infobox | .infobox .video-outer { | ||
width: 300px !important; | width: 300px !important; | ||
height: 273px !important; | height: 273px !important; | ||
| Line 31: | Line 30: | ||
@media screen and (max-width: 1400px) { | @media screen and (max-width: 1400px) { | ||
.video-outer { | |||
width: 329px; | width: 329px; | ||
height: 300px; | height: 300px; | ||
| Line 37: | Line 36: | ||
} | } | ||
.video-outer video { | |||
position: relative; | position: relative; | ||
height: 75%; | height: 75%; | ||
| Line 53: | Line 52: | ||
</style> | </style> | ||
</head> | </head> | ||
<div | <div class="video-wrapper"> | ||
<div class="video-outer"> | |||
<video controls preload="auto"> | <video controls preload="auto"> | ||
<source src="<!--{$url|escape:'urlpathinfo'}-->" type="video/mp4"> | <source src="<!--{$url|escape:'urlpathinfo'}-->" type="video/mp4"> | ||
</video> | </video> | ||
</div> | |||
<p><!--{$caption|escape:'urlpathinfo'}--></p> | |||
</div> | </div> | ||
</html> | </html> | ||
</includeonly> | </includeonly> | ||
Revision as of 15:31, 25 June 2023