document.addEventListener('DOMContentLoaded', function() { // Get the background video element var videoElement = document.querySelector('.elementor-background-video-hosted'); // Ensure the video is muted for Safari and other browsers if (videoElement) { // Mute the video (programmatically and add muted attribute in HTML) videoElement.muted = true; // Mutes the video programmatically videoElement.setAttribute('muted', 'muted'); // Add muted attribute in the HTML markup // Set the video to autoplay (in case it’s not set) videoElement.setAttribute('autoplay', 'autoplay'); // Set playsinline to make sure it works on mobile videoElement.setAttribute('playsinline', 'playsinline'); // Ensure the video plays videoElement.play().catch(function(error) { console.error('Autoplay failed:', error); // If autoplay fails, log the error }); // Additional check for Safari to ensure autoplay works properly if (navigator.userAgent.indexOf('Safari') !== -1 && navigator.userAgent.indexOf('Chrome') === -1) { videoElement.setAttribute('muted', 'muted'); // Safari requires the muted attribute for autoplay videoElement.play(); // Explicitly try to play in Safari } } });