<div class="player">
    <div class="video-box">
        <video id="video"
               muted
               playsinline
               autoplay
               controls
               controlsList="nodownload noplaybackrate noremoteplayback disablepictureinpicture"
               oncontextmenu="return false"></video>

        <audio id="audio"
               autoplay
               controlsList="nodownload"
               oncontextmenu="return false"></audio>
    </div>

    <div class="controls">
        <button onclick="start()">▶</button>

        <button onclick="prevMusic()">⏮🎵</button>
        <button onclick="nextMusic()">⏭🎵</button>

        <button onclick="toggleMute()" id="muteBtn">🔊</button>
        <input type="range" min="0" max="1" step="0.01" value="0.7" id="volume">

        <button onclick="prevVideo()">⏮🎥</button>
        <button onclick="nextVideo()">⏭🎥</button>

        <button onclick="toggleShuffle()" id="shuffleBtn">🔀 ON</button>
    </div>
</div>

<script>
/* ========= VIDÉOS ========= */
const videos=[
"https://www.universlaspiritualite.fr/wp-content/uploads/2022/09/Nature-111308.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/7192622-uhd_3840_2160_25fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/12062033_3840_2160_30fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/4506677-hd_1920_1080_24fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/5692323-hd_1920_1080_30fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/7265817-uhd_2560_1080_25fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/4009937-hd_1920_1080_24fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/5234909-hd_1920_1080_25fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/4440932-hd_1920_1080_25fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/11901314_3840_2160_60fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/6772137-uhd_3840_2160_30fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/6798786-hd_1920_1080_24fps.mp4",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/6944249-hd_1920_1080_24fps.mp4"
];

/* ========= MUSIQUES ========= */
const musics=[
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/meditation-relaxing-music-293922.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/spiritual-healing-music-304093.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/whispering-forest-411949.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/breath-of-enlightenment-meditation-music-407178.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/zen-wind-411951.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/spiritual-spiritual-music-background-270170.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/relaxing-music-vol1-124477.mp3",
"https://www.universlaspiritualite.fr/wp-content/uploads/2025/12/zen-garden-310599.mp3"
];

let vIndex=0;
let mIndex=0;
let shuffle=true;
let started=false;

const video=document.getElementById("video");
const audio=document.getElementById("audio");
const volume=document.getElementById("volume");
const muteBtn=document.getElementById("muteBtn");

/* ========= START ========= */
function start(){
    if(started) return;
    started=true;

    audio.src=musics[mIndex];
    audio.volume=volume.value;
    audio.play().catch(()=>{});

    playVideo(vIndex);
}

/* ========= VIDÉO ========= */
function playVideo(i){
    video.classList.add("fade");
    setTimeout(()=>{
        video.src=videos[i];
        video.load();
        video.play().catch(()=>{});
        video.classList.remove("fade");
    },800);
}

video.addEventListener("ended",()=>{
    nextVideo();
});

function nextVideo(){
    if(shuffle){
        let n;
        do{n=Math.floor(Math.random()*videos.length)}while(n===vIndex);
        vIndex=n;
    }else{
        vIndex=(vIndex+1)%videos.length;
    }
    playVideo(vIndex);
}

function prevVideo(){
    vIndex=(vIndex-1+videos.length)%videos.length;
    playVideo(vIndex);
}

/* ========= MUSIQUE ========= */
audio.addEventListener("ended",()=>{
    nextMusic();
});

function nextMusic(){
    mIndex=(mIndex+1)%musics.length;
    audio.src=musics[mIndex];
    audio.play();
}

function prevMusic(){
    mIndex=(mIndex-1+musics.length)%musics.length;
    audio.src=musics[mIndex];
    audio.play();
}

/* ========= CONTROLES ========= */
function toggleShuffle(){
    shuffle=!shuffle;
    document.getElementById("shuffleBtn").textContent=shuffle?"🔀 ON":"🔀 OFF";
}

volume.oninput=()=>{
    audio.volume=volume.value;
    if(audio.muted && volume.value>0){
        audio.muted=false;
        muteBtn.textContent="🔊";
    }
};

function toggleMute(){
    audio.muted=!audio.muted;
    muteBtn.textContent=audio.muted?"🔇":"🔊";
}

/* ========= INIT ========= */
playVideo(0);
</script>