<div id="mov1" data-property="{videoURL:'movID', containment: '.movie-wrapper', autoPlay:true, mute:true, startAt:0,opacity:1, showControls:false, stopMovieOnBlur:false, loop:true, abundance:0, onReady: function( player ) { $('.loading').hide('slow'); }}"></div>
      <div class="loading">Now Loading...</div>     
      <script>
          const videoSources = ['8CX-RG2qkBQ', 'ShFaPqDmdhg', 'CprzFsfdd_k'];
          const randomVideo = videoSources[Math.floor(Math.random() * videoSources.length)];
          const movElement = document.getElementById('mov1');
          const currentDataProperty = movElement.getAttribute('data-property');
          const updatedDataProperty = currentDataProperty.replace('movID', randomVideo);
          movElement.setAttribute('data-property', updatedDataProperty);
          console.log('Selected video source:', randomVideo);
          console.log('Updated data-property:', updatedDataProperty);
      </script>