It appears that autoplay videos don't work in Safari (13, 14) when PWA is enabled in our Angular website. Video autoplays fine in all other browsers.
Disabling PWA fixes the Safari autoplay issue, but obviously it's no longer a PWA.
Did anyone come across this issue and a solution?
<video #video class="home-ship-video" poster="/assets/videos/home-ship.jpg"
[loop]="true" [muted]="true" [autoplay]="true" playsinline preload="auto">
<source src="/assets/videos/home-ship.webm" type="video/webm" />
<source src="/assets/videos/home-ship.ogg" type="video/ogg" />
<source src="/assets/videos/home-ship.mp4" type="video/mp4" />
</video>
...
ServiceWorkerModule.register('ngsw-worker.js', environment.pwa), // pwa.enabled=false
...
question from:
https://stackoverflow.com/questions/65831288/autoplay-video-doesnt-work-on-safari-when-angular-pwa-is-enabled 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…