Widget:YouTubeEmbed: Difference between revisions
((by SublimeText.Mediawiker)) |
((by SublimeText.Mediawiker)) |
||
| Line 3: | Line 3: | ||
<img src="<!--{$iconoverlay|default:''}-->" width="100px" height="auto" class="position-absolute opac-50" style="top: 4px; right: 4px;"> | <img src="<!--{$iconoverlay|default:''}-->" width="100px" height="auto" class="position-absolute opac-50" style="top: 4px; right: 4px;"> | ||
<a class="pop-hover" href="https://www.youtube.com/watch?v=<!--{$id|default:''}-->&t=<!--{$delay|default:''}-->s" data-fancybox data-width="854" data-height="480"></a> | <a class="pop-hover" href="https://www.youtube.com/watch?v=<!--{$id|default:''}-->&t=<!--{$delay|default:''}-->s" data-fancybox data-width="854" data-height="480"></a> | ||
<div class="d-flex justify-content-center align-items-middle"> | |||
<img src="<!--{$iconoverlayCentered|default:''}-->" width="200px" height="auto" class="opac-50"> | |||
</div> | |||
</div><style> | </div><style> | ||
.video-container { | .video-container { | ||
Revision as of 09:15, 7 August 2025
<img src="" width="100px" height="auto" class="position-absolute opac-50" style="top: 4px; right: 4px;"> <a class="pop-hover" href="https://www.youtube.com/watch?v=&t=s" data-fancybox data-width="854" data-height="480"></a>
<img src="" width="200px" height="auto" class="opac-50">
<style>
.video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .video-container div, .video-container a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style>