Widget:YouTubeEmbed: Difference between revisions

From Buddha-Nature
((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">
<div class="d-flex justify-content-center align-items-center">
<img src="<!--{$iconoverlayCentered|default:''}-->" width="200px" height="auto" class="opac-50">
<img src="<!--{$iconoverlayCentered|default:''}-->" width="200px" height="auto" class="opac-50">
</div>
</div>

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>