31 lines
2.1 KiB
HTML
31 lines
2.1 KiB
HTML
@if(item.mime === 'video/youtube')
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<iframe id="yt-embed" class="embed-responsive-item" width="640" height="360" src="https://www.youtube.com/embed/{!! item.dest.replace('yt:', '') !!}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
|
|
</div>
|
|
@elseif(item.mime.startsWith("video"))
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="metadata" data-size="{{ item.size }}" loop playsinline></video>
|
|
</div>
|
|
@elseif(item.mime.startsWith("audio"))
|
|
<div class="embed-responsive embed-responsive-16by9" style="background: url('@if(item.coverart)//w0bm.com{{ item.coverart }}@else/s/img/200.gif@endif') no-repeat center / contain black;">
|
|
<audio id="my-video" class="embed-responsive-item" autoplay loop src="{{ item.dest }}" data-setup="{}" data-size="{{ item.size }}" poster="@if(item.coverart){{ item.coverart }}@else/s/img/200.gif@endif" type="{{ item.mime }}"></audio>
|
|
<img id="f0ck-audio-cover" src="@if(item.coverart){{ item.coverart }}@else/s/img/200.gif@endif" style="display: none;">
|
|
</div>
|
|
@elseif(item.mime.startsWith("image"))
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<div class="embed-responsive-image" id="image-scroll">
|
|
<a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async" /></a>
|
|
</div>
|
|
</div>
|
|
@elseif(item.mime === 'application/x-shockwave-flash' && enable_swf)
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<div id="ruffle-container" class="embed-responsive-item" data-swf="{{ item.dest }}"></div>
|
|
</div>
|
|
@elseif(item.mime === 'application/vnd.adobe.flash.movie' && enable_swf)
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<div id="ruffle-container" class="embed-responsive-item" data-swf="{{ item.dest }}"></div>
|
|
</div>
|
|
@else
|
|
<h1>404 - Not f0cked</h1>
|
|
@endif
|