Por favor, tenga en cuenta que el problema solo existe en dispositivos ios y con formato webm . No diga que funciona cuando abre el ejemplo en sandbox. Para probarlo, ábralo en dispositivos ios reales (ejemplo de sandbox, vea el botón a continuación).

 <video id="video-which-do-not-want-to-work" autoplay loop muted playsinline width="400" height="300" src="https://dl8.webmfiles.org/elephants-dream.webm" ></video>

He pasado 2 días en hacer que funcione. Pero nada ayuda. Lo que he probado.

1. Juega sin autoplay
2. Todos los ejemplos que encontré en la pila dicen que debes agregar playsinline y muted
3. Intenté usar la source dentro de la etiqueta de video con tipo webm
4. Intenté imitar el clic del botón

 const button = document.createElement('button') button.addEventListener('click', () => { document.getElementById('video-which-do-not-want-to-work').play() }) button.click()

5. También intenté agregar un botón real en html y adjuntar la función de evento onclick , que ejecuta element.play()

6. Marcado es Low power mode desactivado en mi teléfono

7. Dios oró

Versión IOS del dispositivo: 15.5

¿Alguien podría adjuntar un ejemplo de trabajo, si es posible?

Ejemplo de código: