50 lines
2.2 KiB
PHP
50 lines
2.2 KiB
PHP
<div class="block">
|
|
<div id="player-alert" class="hidden mb-4 rounded-lg bg-danger-100 px-6 py-5 text-base text-danger-700" role="alert">
|
|
</div>
|
|
@if($episode->dmca_takedown)
|
|
<div class="mb-4 rounded-lg bg-danger-400 px-6 py-5 text-base text-danger-800 mt-5" role="alert">
|
|
(╥﹏╥) This episode is unavailable! (DMCA Takedown) (╥﹏╥)
|
|
</div>
|
|
@endif
|
|
<canvas id="ambientVideo" class="decoy"></canvas>
|
|
<div class="relative w-full aspect-[16/9]">
|
|
<div class="player-switcher" id="player-switcher">
|
|
<span class="player-switcher__label">Player</span>
|
|
<button type="button" class="player-switcher__btn" id="plyr-toggle-btn"
|
|
onclick="window.setPlayerPreference('plyr')" title="Switch to Plyr player">
|
|
<span class="player-switcher__dot"></span> Plyr
|
|
</button>
|
|
<button type="button" class="player-switcher__btn player-switcher__btn--active" id="hstream-toggle-btn"
|
|
onclick="window.setPlayerPreference('hstream')" title="Switch to HStream player">
|
|
<span class="player-switcher__dot"></span> HStream
|
|
</button>
|
|
</div>
|
|
<video id="player" playsinline crossorigin class="absolute inset-0 w-full h-full"></video>
|
|
</div>
|
|
<script>
|
|
(function() {
|
|
var pref = localStorage.getItem('hstreamPlayerPreference') || 'hstream';
|
|
var hstreamBtn = document.getElementById('hstream-toggle-btn');
|
|
var plyrBtn = document.getElementById('plyr-toggle-btn');
|
|
if (pref === 'plyr') {
|
|
hstreamBtn.classList.remove('player-switcher__btn--active');
|
|
plyrBtn.classList.add('player-switcher__btn--active');
|
|
}
|
|
|
|
var switcher = document.getElementById('player-switcher');
|
|
var container = switcher.parentElement;
|
|
var hideTimer = null;
|
|
|
|
function showSwitcher() {
|
|
switcher.classList.add('player-switcher--visible');
|
|
clearTimeout(hideTimer);
|
|
hideTimer = setTimeout(function () {
|
|
switcher.classList.remove('player-switcher--visible');
|
|
}, 3000);
|
|
}
|
|
|
|
container.addEventListener('pointerdown', showSwitcher);
|
|
})();
|
|
</script>
|
|
</div>
|