No edit summary |
No edit summary |
||
| Line 2: | Line 2: | ||
== Sample result == | == Sample result == | ||
</noinclude> | </noinclude> | ||
<includeonly>< | <includeonly> | ||
<html> | |||
<head> | |||
<style> | |||
#video-outer { | |||
background-position: center; | |||
background-size: contain; | |||
background-repeat: no-repeat; | |||
border-radius: 1%; | |||
background-image: url(/images/7/75/Television.png); | |||
width: 448px; | |||
height: 408px; | |||
position: relative; | |||
float: none; | |||
margin: 0 auto; | |||
margin-bottom: 1em; | |||
clear: both; | |||
z-index: 1; | |||
} | |||
.infobox #video-outer { | |||
width: 300px !important; | |||
height: 273px !important; | |||
} | |||
} | |||
@media screen and (max-width: 1400px) { | |||
#video-outer { | |||
width: 329px; | |||
height: 300px; | |||
} | |||
} | |||
#video-outer video { | |||
position: relative; | position: relative; | ||
height: 75%; | height: 75%; | ||
| Line 15: | Line 47: | ||
border-radius: 3%; | border-radius: 3%; | ||
object-fit: cover; | object-fit: cover; | ||
"><source src="<!--{$url|escape:'urlpathinfo'}-->" type="video/mp4"></video></div></includeonly> | } | ||
</style> | |||
</head> | |||
<div id="video-outer"> | |||
<video controls preload="auto"> | |||
<source src="<!--{$url|escape:'urlpathinfo'}-->" type="video/mp4"> | |||
</video> | |||
</div> | |||
</html> | |||
</includeonly> | |||
Revision as of 12:46, 25 June 2023