cangui/shelfy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

up

Browse Source
This commit is contained in:
cangui 2025-06-21 20:36:57 +02:00
parent dc7cea2109
commit 782a99ff63
1 changed files with 35 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
templates/media_detail.pages.tmpl
View File

@ -1,12 +1,7 @@
<section class="section"> <section class="section">
<div class="container"> <div class="container">
<!-- Bouton Retour -->
<button class="button is-light js-back-btn mb-4">
<span class="icon"><i class="fas fa-arrow-left"></i></span>
<span>Retour</span>
</button>
<div class="box"> <div class="box">
<!-- Bloc détail --> <!-- Bloc détail -->
<div id="detail-block"> <div id="detail-block">
<div class="columns is-vcentered"> <div class="columns is-vcentered">
@ -39,50 +34,43 @@
</div> </div>
</div> </div>
</section> </section>
<script> <script>
document.body.addEventListener('click', function(e) { document.body.addEventListener('click', function(e) {
// Retour via historique // Play
const backBtn = e.target.closest('.js-back-btn'); const playBtn = e.target.closest('.js-play-btn');
if (backBtn) { if (playBtn) {
window.history.back(); const detailBlock = document.getElementById('detail-block');
return; const playerBlock = document.querySelector('.js-player-block');
const video = document.getElementById('hls-video');
const url = playBtn.dataset.hlsurl;
detailBlock.style.display = 'none';
playerBlock.style.display = 'block';
if (Hls.isSupported()) {
const hls = new Hls();
hls.loadSource(url);
hls.attachMedia(video);
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = url;
} else {
console.error('HLS non supporté');
} }
return;
}
// Play // Fermer
const playBtn = e.target.closest('.js-play-btn'); const closeBtn = e.target.closest('.js-close-btn');
if (playBtn) { if (closeBtn) {
const detailBlock = document.getElementById('detail-block'); const detailBlock = document.getElementById('detail-block');
const playerBlock = document.querySelector('.js-player-block'); const playerBlock = document.querySelector('.js-player-block');
const video = document.getElementById('hls-video'); const video = document.getElementById('hls-video');
const url = playBtn.dataset.hlsurl;
detailBlock.style.display = 'none'; video.pause();
playerBlock.style.display = 'block'; video.src = '';
playerBlock.style.display = 'none';
detailBlock.style.display = 'block';
}
});
if (Hls.isSupported()) {
const hls = new Hls();
hls.loadSource(url);
hls.attachMedia(video);
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = url;
} else {
console.error('HLS non supporté');
}
return;
}
// Fermer
const closeBtn = e.target.closest('.js-close-btn');
if (closeBtn) {
const detailBlock = document.getElementById('detail-block');
const playerBlock = document.querySelector('.js-player-block');
const video = document.getElementById('hls-video');
video.pause();
video.src = '';
playerBlock.style.display = 'none';
detailBlock.style.display = 'block';
}
});
</script> </script>