/* Code from https://element.how/elementor-video-background-sound-button/ * Copyright 2024 Element.How */ document.addEventListener("DOMContentLoaded", () => { document.addEventListener("click", (event) => { const volumeOn = event.target.closest(".volume_is_on_mobile"); const volumeOff = event.target.closest(".volume_is_off_mobile"); if (volumeOn || volumeOff) { event.preventDefault(); const control = event.target.closest(".background-video-sound-control-mobile"); const video = control ? control.querySelector("video") : null; const volumeOnElem = control ? control.querySelector(".volume_is_on_mobile") : null; const volumeOffElem = control ? control.querySelector(".volume_is_off_mobile") : null; if (video && volumeOnElem && volumeOffElem) { let videos = document.querySelectorAll(".background-video-sound-control video-mobile"); videos.forEach((video) => { if (video !== video) { video.muted = true; /* mute all other videos */ } }); toggleMute(video, volumeOnElem, volumeOffElem); } } }); function toggleMute(video, volumeOn, volumeOff) { video.muted = !video.muted; volumeOn.classList.toggle("isPlayingSound", !video.muted); volumeOff.classList.toggle("isPlayingSound", !video.muted); } }); body:not(.elementor-editor-active) .volume_is_on_mobile, body:not(.elementor-editor-active) .volume_is_off_mobile.isPlayingSound { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; } body:not(.elementor-editor-active) .volume_is_on_mobile.isPlayingSound, body:not(.elementor-editor-active) .volume_is_off_mobile:not(.isPlayingSound) { opacity: 1; pointer-events: auto; }