// Ambil parameter query dari URL
  const urlParams = new URLSearchParams(window.location.search);
  const videoId = urlParams.get('v'); // Parameter 'v'

  // Fetch JSON dari URL eksternal
  fetch('https://zeeplayer66.pages.dev/dood/dood.json') // Ganti dengan URL JSON Anda
    .then(response => response.json())
    .then(data => {
      // Simpan data video di variabel global untuk digunakan nanti
      window.videoDataList = data;

      // Cari video berdasarkan ID jika ada parameter 'v'
      if (videoId) {
        const videoData = data.find(video => video.id === videoId);
        if (videoData) {
          // Tampilkan judul dan video
          document.getElementById('videoTitle').textContent = videoData.Judul;
          document.getElementById('videoSource').src = videoData.Url;
          document.getElementById('videoContainer').classList.remove('d-none'); // Tampilkan video container
          document.getElementById('videoPlayer').load();
        } else {
          document.getElementById('videoTitle').textContent = 'Video not found';
        }
      } else {
        document.getElementById('videoTitle').textContent = 'tobatlah wahai anak muda';
      }

      // Tampilkan 5 playlist video secara random
      displayRandomPlaylist(data);

      // Tambahkan fungsi play random video
      const randomVideoButton = document.getElementById('random-video-button');
      randomVideoButton.addEventListener('click', () => {
        const randomIndex = Math.floor(Math.random() * data.length);
        const randomVideo = data[randomIndex];
        updatePageWithVideo(randomVideo);
      });
    })
    .catch(error => {
      console.error('Error fetching JSON:', error);
      document.getElementById('videoTitle').textContent = 'Failed to load video data';
    });

  // Fungsi untuk menampilkan 5 playlist video secara random
  function displayRandomPlaylist(videos) {
    const playlistContainer = document.getElementById('playlist');
    playlistContainer.innerHTML = ''; // Bersihkan konten sebelumnya

    // Acak urutan video
    const shuffledVideos = videos.sort(() => 0.5 - Math.random());

    // Ambil 5 video pertama dari hasil acak
    const randomVideos = shuffledVideos.slice(0, 5);

    // Tampilkan setiap video dalam playlist
    randomVideos.forEach(video => {
      const videoItem = document.createElement('div');
      videoItem.classList.add('playlist-item');

      // Tambahkan judul video
      const title = document.createElement('span');
      title.textContent = video.Judul;

      // Tambahkan tombol Play
      const playButton = document.createElement('button');
      playButton.textContent = 'Play';
      playButton.classList.add('btn', 'btn-primary');

      // Ketika tombol Play ditekan, mainkan video tersebut
      playButton.addEventListener('click', () => {
        updatePageWithVideo(video);
      });

      // Gabungkan judul dan tombol Play ke dalam item playlist
      videoItem.appendChild(title);
      videoItem.appendChild(playButton);

      playlistContainer.appendChild(videoItem);
    });
  }

  // Fungsi untuk memperbarui halaman dengan video baru
  function updatePageWithVideo(video) {
    // Perbarui judul dan sumber video
    document.getElementById('videoTitle').textContent = video.Judul;
    document.getElementById('videoSource').src = video.Url;
    document.getElementById('videoContainer').classList.remove('d-none');
    document.getElementById('videoPlayer').load();

    // Perbarui URL dengan parameter 'v'
    const newUrl = `${window.location.pathname}?v=${video.id}`;
    window.history.pushState({}, '', newUrl);

    // Reload halaman untuk memastikan parameter query diterapkan
    window.location.href = newUrl;
  }
  
   // Fungsi untuk menampilkan video player dan playlist
  function showVideoPlayerAndPlaylist() {
    const videoContainer = document.getElementById('videoContainer');
    const playlistContainer = document.getElementById('playlist');

    // Tampilkan video player
    videoContainer.classList.remove('d-none');
    document.getElementById('videoPlayer').load();

    // Tampilkan playlist
    playlistContainer.style.display = 'block';
  }