60 lines
2.6 KiB
Plaintext
60 lines
2.6 KiB
Plaintext
<!-- ============================================
|
||
POPUP: STANDARD TAG — TEXT + VIDEO
|
||
============================================ -->
|
||
<section class="popup-day popup-3part">
|
||
|
||
<!-- HEADER + BUTTONS -->
|
||
<div class="popup-header">
|
||
<h2><!-- TITEL DES TAGES --></h2>
|
||
|
||
<div class="popup-tools">
|
||
<button id="btn-font-toggle">Aa ↔ 𝒜</button>
|
||
<button id="btn-font-up">A+</button>
|
||
<button id="btn-font-down">A−</button>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="popup-body">
|
||
|
||
<!-- TEXT -->
|
||
<div class="story">
|
||
<!-- DEIN TEXT -->
|
||
</div>
|
||
|
||
<!-- VIDEO -->
|
||
<div class="addon addon-video-wrapper">
|
||
<video
|
||
class="addon-video"
|
||
controls
|
||
loop
|
||
playsinline
|
||
preload="auto"
|
||
poster="/2025/assets/images/1366/jpeg/Basisbild.jpeg"
|
||
>
|
||
|
||
<!-- WEBM -->
|
||
<source src="/2025/assets/videos/nHD/webm/VID.webm" type="video/webm" media="(max-width: 640px)">
|
||
<source src="/2025/assets/videos/FWVGA/webm/VID.webm" type="video/webm" media="(max-width: 854px)">
|
||
<source src="/2025/assets/videos/qHD/webm/VID.webm" type="video/webm" media="(max-width: 960px)">
|
||
<source src="/2025/assets/videos/HD/webm/VID.webm" type="video/webm" media="(max-width: 1280px)">
|
||
<source src="/2025/assets/videos/HDplus/webm/VID.webm" type="video/webm" media="(max-width: 1600px)">
|
||
<source src="/2025/assets/videos/FullHD/webm/VID.webm" type="video/webm" media="(max-width: 1920px)">
|
||
<source src="/2025/assets/videos/1440p/webm/VID.webm" type="video/webm" media="(max-width: 2560px)">
|
||
<source src="/2025/assets/videos/4K/webm/VID.webm" type="video/webm" media="(min-width: 2561px)">
|
||
|
||
<!-- MP4 -->
|
||
<source src="/2025/assets/videos/nHD/mp4/VID.mp4" type="video/mp4" media="(max-width: 640px)">
|
||
<source src="/2025/assets/videos/FWVGA/mp4/VID.mp4" type="video/mp4" media="(max-width: 854px)">
|
||
<source src="/2025/assets/videos/qHD/mp4/VID.mp4" type="video/mp4" media="(max-width: 960px)">
|
||
<source src="/2025/assets/videos/HD/mp4/VID.mp4" type="video/mp4" media="(max-width: 1280px)">
|
||
<source src="/2025/assets/videos/HDplus/mp4/VID.mp4" type="video/mp4" media="(max-width: 1600px)">
|
||
<source src="/2025/assets/videos/FullHD/mp4/VID.mp4" type="video/mp4" media="(max-width: 1920px)">
|
||
<source src="/2025/assets/videos/1440p/mp4/VID.mp4" type="video/mp4" media="(max-width: 2560px)">
|
||
<source src="/2025/assets/videos/4K/mp4/VID.mp4" type="video/mp4" media="(min-width: 2561px)">
|
||
|
||
Dein Browser unterstützt dieses Video nicht.
|
||
</video>
|
||
</div>
|
||
|
||
</div>
|
||
</section> |