script not working since laytheme 3.2
Dear @Marius @mariusjopen and @Armin-Unruh @arminunruh,
since major update 3.2 my little script (pic randomly a video from a list and play it at background) is not running anymore. it’s placed in the field "Custom HTML at bottom"
can you pls help?
thx
<3
here is the script code
<script>
jQuery(function() {
var $videoElement;
var numberOfMillisecondsBetweenVideoSwitches = 24000; // 10 seconds
var currentVideoIndex = 0;
var listOfVideoSources = [
"http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner-Zugfahrt.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_Pinakothek.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_PUMA.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_Waschstraße.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_onSet.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2019/02/Banner_ostsee2.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_sky.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2017/09/banner_lift.mp4",
"http://albrechtgaebel.de/wp-content/uploads/2017/10/banner_web_Mediamarkt.mp4",
]
function shuffle(array) {
var currentIndex = array.length, temporaryValue, randomIndex;
// While there remain elements to shuffle...
while (0 !== currentIndex) {
// Pick a remaining element...
randomIndex = Math.floor(Math.random() * currentIndex);
currentIndex -= 1;
// And swap it with the current element.
temporaryValue = array[currentIndex];
array[currentIndex] = array[randomIndex];
array[randomIndex] = temporaryValue;
}
return array;
}
function playVideo(event) {
$videoElement[0].play()
}
function loadRandomVideo() {
if(currentVideoIndex >= listOfVideoSources.length) {
currentVideoIndex = 0
shuffle(listOfVideoSources)
}
if(!$videoElement) {
$videoElement = jQuery("#cover-region .background-video video")
$videoElement.on("loadeddata", playVideo)
}
$videoElement.find('source').attr('src', listOfVideoSources[currentVideoIndex])
$videoElement[0].load()
currentVideoIndex += 1
}
// randomize list of videos
shuffle(listOfVideoSources)
// choose a random one to start
// loadRandomVideo("http://albrechtgaebel.de/wp-content/uploads/2017/10/Banner_web_Bellevue.mp4")
// in numberOfMillisecondsBetweenVideoSwitches choose a different video
setInterval(loadRandomVideo, numberOfMillisecondsBetweenVideoSwitches)
})
</script>
