En IOS, mi video de fondo en www.axelmechanicalservices.com no se reproduce automáticamente mientras los dispositivos están en modo de bajo consumo. Aquí está mi código y la solución js que probé.
const videoElement = document.getElementById('bg-video'); videoElement.play().then(() => {}).catch((error) => { videoElement.setAttribute("controls","controls"); }); #bg-video { min-width: 100%; min-height: 100vh; max-width: 100%; max-height: 100vh; object-fit: cover; z-index: -1; display: block; } .bg-video::-webkit-media-controls-start-playback-button { display: none!important; -webkit-appearance: none; } <section class="section main-banner" id="top" data-section="section1"> <video autoplay loop muted playsinline autoplay="true" id="bg-video" controls="true" poster="assets/images/backvideo.png"> <source src="assets/images/course-video.mp4" type="video/mp4" /> <source src="assets/images/course-video.webm" type="video/webm" /> <source src="assets/images/course-video.ogv" type="video/ogv" /> </video>