wplit · November 3, 2025 01:18
diff --git a/footer-scripts.html b/footer-scripts.html
 <script>
  
 document.addEventListener('DOMContentLoaded', () => {

    const mediaPlayer = '.my-media-player-element'; /* media player class */
    const mediaPlayList = '.my-playlist-element'; /* media playlist class */

    if (!mediaPlayer || !mediaPlayList) return;

    const player = document.querySelector(mediaPlayer);
    const playlistButtons = document.querySelectorAll(mediaPlayList);

    /* make sure start with no src (default behaviour is to start with the first playlist item) */
    player.addEventListener('can-play', () => {
        player.src = '';
    }, {
        once: true
    });


    playlistButtons.forEach(playlist => {

        /* when playlist button clicked */
        playlist.addEventListener('click', () => {

            /* attempt to play if not currently playing */
            if (!playlist.hasAttribute('data-x-item-playing')) {
                if (!player.hasAttribute('data-can-play')) {

                    player.addEventListener('can-play', () => {
                        player.paused = false;
                    });
                } else {
                    player.paused = false;
                }
            } else {
                /* otherwise pause it */
                player.paused = true;
            }

        })

    })

 });
  
 </script>
No results found