Theater modus #234
1 changed files with 12 additions and 2 deletions
14
videos.php
14
videos.php
|
|
@ -81,8 +81,18 @@ usort($videoData, function($a, $b) {
|
||||||
|
|
||||||
document.querySelectorAll('.theatre-btn').forEach(function(btn) {
|
document.querySelectorAll('.theatre-btn').forEach(function(btn) {
|
||||||
btn.addEventListener('click', function() {
|
btn.addEventListener('click', function() {
|
||||||
var videoItem = btn.closest('.video-item');
|
var clickedVideoItem = btn.closest('.video-item');
|
||||||
var isActive = videoItem.classList.toggle('theatre-mode');
|
|
||||||
|
// Remove theatre mode from all other videos
|
||||||
|
document.querySelectorAll('.video-item.theatre-mode').forEach(function(item) {
|
||||||
|
if (item !== clickedVideoItem) {
|
||||||
|
item.classList.remove('theatre-mode');
|
||||||
|
item.querySelector('.theatre-btn').innerText = 'Theatermodus';
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Toggle theatre mode for the clicked video
|
||||||
|
var isActive = clickedVideoItem.classList.toggle('theatre-mode');
|
||||||
btn.innerText = isActive ? 'Sluit theatermodus' : 'Theatermodus';
|
btn.innerText = isActive ? 'Sluit theatermodus' : 'Theatermodus';
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue