Pause Divi section background video

Please insert this code in the same place. Remove the code you added first.
<script>
window.onload = function() {
let videoBg = document.getElementsByClassName('mejs-mediaelement')[0].firstElementChild.firstElementChild;
let bg = document.getElementsByClassName('et_pb_section_video')[0];
videoBg.pause();
bg.addEventListener('mouseover', function() {
videoBg.play();
});

bg.addEventListener('mouseleave', function() {
videoBg.pause();
});
}
</script>

 

so this code snippet is close to what I'm looking for. Instead what I need to do is have my section background video pause when a popup is triggered. I have this jquery script to auto play and auto close a video within a popup

<script>

jQuery(document).ready(function ($) {
homeVideoElement1 = $("#divi-video-container1 video")[0];
homeVideoElement2 = $("#divi-video-container2 video")[0];
DiviArea.addAction('show_area', function(area) {
if (area.hasId('sim-intro')) {
homeVideoElement1.play();
}
if (area.hasId('libraryintro')) {
homeVideoElement2.play();
}
// console.log('im open');
});

$('video').on('ended',function(){
//console.log('Video has ended!');
$('a.da-close').trigger('click');
});
});

</script>

could you help me figure out how to incorporate pausing a section background video when my code is triggered?

Thank you
Eric

 

Hello Eric,

Sorry for the late response.

Did you find the solution to the issue?

If not, please share the link to your website and explain what is needed tp reproduce the issue.

 

sure the page is simthology.com/home

you will see the video background and the first 2 circular regions are links to popup videos... now on accident the page appears to be working correctly. the first snippet that's in your reply there handles auto start for the video and auto close popup at the end of the video

what i did was drop the snippet that you wrote in this thread in which pauses the background based on mouse hover... so I'm guessing that having the popup open is also triggering it because that changes how the code sees where the mouse is. this isn't ideal. what i would like is to figure out the line or 2 of code needed to pause the background video if the code was placed inside the if (area.hasId('sim-intro')) statement so when the video in the popup is triggered to play the background is triggered to pause.. also i would probably need a line of code to play the background inside the code that triggers the auto close popup.

 

Hi,
Is it possible to add a function so the video don't autoplay?

Jakob Jerlström | Level Designer (jerlstrom.se)

 

Hi,
Is it possible to add a function so the video don't autoplay?

Jakob Jerlström | Level Designer (jerlstrom.se)

 

hey!

i added it, but now nothing works
it does not play/pause on hover.

Br Marcus

 

hi!

It works.
But is it possible to make it work for 2 videos?

JAKOB JERLSTRÖM LEVEL DESIGNER (jerlstrom.se)