Descripción: Estoy tratando de crear un sitio con 2 videos de fondo. Cuando la pantalla está en posición vertical, debe mostrarse un video vertical, y cuando giro la pantalla a la posición horizontal, debe aparecer un video horizontal en lugar del primero (video vertical).
Problema: cuando me desplazo por la página en mi iPhone, ambos videos de fondo desaparecen. Todo funciona bien en el escritorio, pero los videos desaparecen solo en los dispositivos móviles. Creo que el problema está en la función $(window).resize , pero no sé cómo solucionarlo.
document.addEventListener("DOMContentLoaded", () => { // Adding a class at a specific resolution if ($(window).width() > 537) { $(".mainVideo").html( '<video playsinline autoplay muted loop><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/desktop/doberFHD.mp4" type="video/mp4" /><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/desktop/dober2k.webm" type="video/webm"/></video>' ); } else { $(".mainVideo").html( '<video playsinline autoplay muted loop><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/mobile/dober480.mp4" type="video/mp4" /><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/mobile/dober720.webm" type="video/webm" /></video>' ); } // this is used whenever the window is resized $(window).resize(function () { if ($(window).width() > 537) { $(".mainVideo").html( '<video playsinline autoplay muted loop><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/desktop/dober720p.mp4" type="video/mp4" /><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/desktop/dober720p.webm" type="video/webm" /></video>' ); } else { $(".mainVideo").html( '<video playsinline autoplay muted loop><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/mobile/dober480.mp4" type="video/mp4" /><source src="https://dober.agency/wp-content/themes/dober-agency/assets/video/mobile/dober720.webm" type="video/webm" /></video>' ); } }); });