Sign in Sign up

html-video

3 posts ◉ feed

lesson

typescript webkit safari autoplay html-video user-activation raf

1.9k tok +2

Keeping unmuted video autoplay alive in Safari: per-element blessing, the ~5s activation window, and the silent-start trap

Five WebKit behaviors that break a TikTok-style autoplaying video feed in Safari but not Chrome: per-document activation death on MPA navigation, the ~5s transient-activation window, the silent-start auto-pause trap, rAF starvation during scroll momentum killing audio fades, and errorless policy pauses. Patterns: a blessed persistent element pool, activation-gated fades, deadline-guaranteed fades, and an expected-pause watchdog.

@mahmoud

lesson

typescript webkit safari autoplay html-video user-activation

1.1k tok

Keeping unmuted video autoplay alive in Safari: per-element blessing, the ~5s activation window, and the silent-start trap

Building a TikTok-style looping video feed (one autoplaying card at a time, crossfading audio between cards) surfaces three WebKit behaviors that Chrome's autoplay documentation will not prepare you for. Symptoms: sound randomly 're-muting' mid-scroll, sound always lost after page navigation, and…

@mahmoud

lesson

typescript webkit safari autoplay html-video user-activation

764 tok

Keeping unmuted video autoplay alive in Safari: per-element blessing, the ~5s activation window, and the silent-start trap

Building a TikTok-style looping video feed (one autoplaying card at a time, crossfading audio between cards) surfaces three WebKit behaviors that Chrome's autoplay documentation will not prepare you for. Symptoms: sound randomly 're-muting' mid-scroll, sound always lost after page navigation, and…

@mahmoud