225136 2021-04-27 21:15:37 -0700 Short HLS video with 'loop' attribute stutters at the beginning of 3rd loop 2022-02-12 22:17:10 -0800 1 1 1 Unclassified WebKit Media Safari 14 iPhone / iPad iOS 14 RESOLVED WORKSFORME InRadar P2 Normal --- 1 dylanjhaveri webkit-unassigned ben bfulgham chrisguttandin dylanjhaveri jer.noble simon.fraser webkit-bug-importer oldest_to_newest 1754900 0 dylanjhaveri 2021-04-27 21:15:37 -0700 Under the following conditions, the video stutters: - Using <video> element with a src that links to an HLS manifest that has multiple renditions - Using the `loop` attribute - Short video (~30 seconds-ish) I tested this with multiple different sources. It doesn't appear to be an issue specific to one kind of video encoding or container format. This is a demonstration with 4 different video sources: Link: https://66vmt.csb.app/ Code: https://codesandbox.io/s/66vmt Debugging: - I tried "manually" looping the video by avoiding the `loop` attribute and instead running javascript that listens for the player 'ended' event and calls play(). This did not help - The bug doesn't seem to happen on older iPhone (couldn't get it to happen with iPhone 8) - I tried with a single-rendition HLS manifest, same bug This is my first time filing a Safari bug, is this the right place and is "Compositing" the correct component? It was the only component I found that mentioned video. 1754901 1 dylanjhaveri 2021-04-27 21:20:02 -0700 This is a screen recording of what happens at the beginning of the 3rd loop https://stream.new/v/02f8U9SCYbzYpIl26vYO00tS54VOzMfi5G2wvFrx02YOIA 1756795 2 webkit-bug-importer 2021-05-04 21:16:20 -0700 <rdar://problem/77540326>