On IOS my background video on www.axelmechanicalservices.com wont autoplay while devices are on low power mode. Heres my code and js solution i tried.
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>