esto es extraño, tengo una fuente de video mp4 en mi fondo y se reproduce automáticamente. esto funcionaba bien en todos los móviles, especialmente en iPhone 8 y más, pero de repente en el iPhone 8 y más detiene el atributo de reproducción automática. Probé tantas soluciones posibles diferentes en la web, pero no funciona. aquí está mi código:

 <div class="videowrap spvid"> <video playsinline autoplay muted loop poster="" id="vid"> <source type="video/mp4" src="<?php echo get_template_directory_uri(); ?>/img/mp4/sp/video_visual_sp.mp4"> </video> </div>

como puede ver, usé playsinline y silenciado, pero de repente dejó de funcionar solo en iphone 8 y más. ahora, agregué javascript para forzar el video silenciado en caso de que el html no ejecute el atributo silenciado.

 <script> var vid = document.getElementById("vid"); vid.muted = true; vid.play(); </script>

Veo este artículo https://medium.com/@BoltAssaults/autoplay-muted-html5-video-safari-ios-10-in-react-673ae50ba1f5 pero es difícil seguir sus instrucciones sobre "react" y "dangerouslySetInnerHTML"

¿Alguien puede ayudarme con un código de solución específico para este problema?