jQuery(document).ready(function($) { var video = $('#herovid')[0]; // Assuming your video has an ID of 'my-video' // Function to check if the video should be paused (when body has 'et-fb' class) function checkAndPauseVideo() { if ($('body').hasClass('et-fb')) { video.pause(); } } // Create an IntersectionObserver to detect if the video is in view var observer = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { // If the body doesn't have the 'et-fb' class and the video is in view, play it if (!$('body').hasClass('et-fb')) { if (entry.isIntersecting) { video.play(); } else { video.pause(); } } }); }, { threshold: 0.4 }); // Trigger when 50% of the video is visible // Observe the video element observer.observe(video); // Check if the body has the 'et-fb' class on page load, and pause the video if true checkAndPauseVideo(); });