276717 2024-07-17 07:53:23 -0700 A crash with multiple video tags that contains webm source 2024-07-30 01:51:19 -0700 1 1 1 Unclassified WebKit Media Safari 17 iPhone / iPad iOS 17 RESOLVED FIXED https://bugs.webkit.org/show_bug.cgi?id=277327 InRadar P2 Major --- 1 dima jean-yves.avenard ap dima jean-yves.avenard webkit-bug-importer oldest_to_newest 2046722 0 471904 dima 2024-07-17 07:53:23 -0700 Created attachment 471904 Crush demo For some reason a tab with multiple <video> tags crashes if it has a <source> in webm format. We consistently catch this error on iPhone 12 only. On other devices we have not been able to catch this bug. I have prepared a minimal example html file on which we catch this behavior. 2046724 1 dima 2024-07-17 07:55:57 -0700 Hmm, on 13 iphone it crashes too iOS 17.5.1 2046868 2 ap 2024-07-17 17:43:07 -0700 Thank you for the report! Perhaps it is just running out of memory? When opening on a Mac, I see the videos resize to become pretty huge. Could you please see if there is a crash log stored? I don't have the configuration to quickly try it myself. 2048026 3 webkit-bug-importer 2024-07-24 07:54:42 -0700 <rdar://problem/132405520> 2048532 4 jean-yves.avenard 2024-07-25 23:42:07 -0700 In this page we have videos with posters and have preload="metadata". The webm player doesn't respect the preload="metadata" and so will download all the videos immediately. They aren't particularly big here, 11.27MB, 74MB, 23MB, 5.6MB, 5.7MB and 11.8MB I haven't been able to reproduce on an iPhone running 21F90 (17.5.1) it takes forever to load but it doesn't crash. Dmitry, can you make it crash with the test file attached on an iPhone 12 or 13? is is the attached example just to show what your page typically looks like and there could be much more videos present ? A workaround for now would be to change ``` <video preload="metadata" class="videoPlayer" poster="https://optim.tildacdn.net/tild3162-3030-4635-b934-393766343537/-/format/webp/mike.png" > <source src="https://practicum-content.s3.us-west-1.amazonaws.com/usa-main/guidance/Tutors/2022_11_03_Videos%20of%20guidance%20team_Mike%20Lee.webm" type="video/webm" /> <source src="https://practicum-content.s3.us-west-1.amazonaws.com/us-videos/2022_11_03_Videos%20of%20guidance%20team_Mike%20Lee.mp4" type="video/mp4" /> </video> ``` into: <video preload="metadata" class="videoPlayer" poster="https://optim.tildacdn.net/tild3162-3030-4635-b934-393766343537/-/format/webp/mike.png" > <source src="https://practicum-content.s3.us-west-1.amazonaws.com/us-videos/2022_11_03_Videos%20of%20guidance%20team_Mike%20Lee.mp4" type="video/mp4" /> <source src="https://practicum-content.s3.us-west-1.amazonaws.com/usa-main/guidance/Tutors/2022_11_03_Videos%20of%20guidance%20team_Mike%20Lee.webm" type="video/webm" /> </video> ``` place the mp4 file first in your list instead of the webm. It will reduce much the networking usage. 2049119 5 jean-yves.avenard 2024-07-29 08:56:08 -0700 Pull request: https://github.com/WebKit/WebKit/pull/31396 2049414 6 ews-feeder 2024-07-30 01:51:17 -0700 Committed 281554@main (75467caf79bb): <https://commits.webkit.org/281554@main> Reviewed commits have been landed. Closing PR #31396 and removing active labels. 471904 2024-07-17 07:53:23 -0700 2024-07-17 07:53:23 -0700 Crush demo index.html text/html 5262 dima PCFET0NUWVBFIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KCTxoZWFkPgoJCTxtZXRhIGNoYXJzZXQ9 IlVURi04IiAvPgoJCTxtZXRhIG5hbWU9InZpZXdwb3J0IiBjb250ZW50PSJ3aWR0aD1kZXZpY2Ut d2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wIiAvPgoJCTx0aXRsZT5Eb2N1bWVudDwvdGl0bGU+Cgk8 L2hlYWQ+Cgk8Ym9keT4KCQk8c2VjdGlvbiBjbGFzcz0idmlkZW8iPgoJCQk8ZGl2IGNsYXNzPSJ2 aWRlb19fdGl0bGUiPgoJCQkJQmFja2VkIGJ5IGV4cGVyaWVuY2U6IG91ciB0dXRvcnMgaGF2ZQoJ CQkJPHNwYW4gY2xhc3M9InZpZGVvX19zcGFuIj41KyZuYnNwO3llYXJzPC9zcGFuPiBpbiB0aGVp ciBmaWVsZCBhbmQKCQkJCW1lbnRvcnNoaXAgdHJhaW5pbmcgZnJvbSBUcmlwbGVUZW4KCQkJPC9k aXY+CgkJCTxkaXYgY2xhc3M9InZpZGVvX19jb250YWluZXIiPgoJCQkJPGRpdiBjbGFzcz0idmlk ZW9fX2l0ZW0iPgoJCQkJCTxidXR0b24gY2xhc3M9InZpZGVvX19idXR0b24iPjwvYnV0dG9uPgoJ CQkJCTx2aWRlbwoJCQkJCQlwcmVsb2FkPSJtZXRhZGF0YSIKCQkJCQkJY2xhc3M9InZpZGVvUGxh eWVyIgoJCQkJCQlwb3N0ZXI9Imh0dHBzOi8vb3B0aW0udGlsZGFjZG4ubmV0L3RpbGQzNzMwLTY2 NjMtNDE2NS1iNTM2LTY1NjMzNzY1Mzk2NS8tL2Zvcm1hdC93ZWJwL2FuZHJldy5wbmciCgkJCQkJ PgoJCQkJCQk8c291cmNlCgkJCQkJCQlzcmM9Imh0dHBzOi8vcHJhY3RpY3VtLWNvbnRlbnQuczMu dXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vdXNhLW1haW4vZ3VpZGFuY2UvVHV0b3JzL1RyaXBsZVRl bl9UdXRvcnNfQW5kcmV3LndlYm0iCgkJCQkJCQl0eXBlPSJ2aWRlby93ZWJtIgoJCQkJCQkvPgoJ CQkJCQk8c291cmNlCgkJCQkJCQlzcmM9Imh0dHBzOi8vcHJhY3RpY3VtLWNvbnRlbnQuczMudXMt d2VzdC0xLmFtYXpvbmF3cy5jb20vdXNhLW1haW4vZ3VpZGFuY2UvVHJpcGxlVGVuX1R1dG9yc19B bmRyZXcubXA0IgoJCQkJCQkJdHlwZT0idmlkZW8vbXA0IgoJCQkJCQkvPgoJCQkJCTwvdmlkZW8+ CgkJCQkJPHAgY2xhc3M9InZpZGVvX19uYW1lIj5BbmRyZXc8L3A+CgkJCQkJPHAgY2xhc3M9InZp ZGVvX19leHBlcmllbmNlIj43IHllYXJzIGV4cGVyaWVuY2U8L3A+CgkJCQkJPHAgY2xhc3M9InZp ZGVvX19qb2IiPlNvZnR3YXJlIEVuZ2luZWVyIGF0IE1pY3Jvc29mdDwvcD4KCQkJCTwvZGl2PgoJ CQkJPGRpdiBjbGFzcz0idmlkZW9fX2l0ZW0iPgoJCQkJCTxidXR0b24gY2xhc3M9InZpZGVvX19i dXR0b24iPjwvYnV0dG9uPgoJCQkJCTx2aWRlbwoJCQkJCQlwcmVsb2FkPSJtZXRhZGF0YSIKCQkJ CQkJY2xhc3M9InZpZGVvUGxheWVyIgoJCQkJCQlwb3N0ZXI9Imh0dHBzOi8vb3B0aW0udGlsZGFj ZG4ubmV0L3RpbGQzMDYyLTMyNjItNDEzMS1iNjM4LTM3MzU2MjM4MzYzMC8tL2Zvcm1hdC93ZWJw L21heC5wbmciCgkJCQkJPgoJCQkJCQk8c291cmNlCgkJCQkJCQlzcmM9Imh0dHBzOi8vcHJhY3Rp Y3VtLWNvbnRlbnQuczMudXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vdXNhLW1haW4vZ3VpZGFuY2Uv VHV0b3JzL1RyaXBsZVRlbl9UdXRvcnNfTWF4LndlYm0iCgkJCQkJCQl0eXBlPSJ2aWRlby93ZWJt IgoJCQkJCQkvPgoJCQkJCQk8c291cmNlCgkJCQkJCQlzcmM9Imh0dHBzOi8vcHJhY3RpY3VtLWNv bnRlbnQuczMudXMtd2VzdC0xLmFtYXpvbmF3cy5jb20vdXNhLW1haW4vZ3VpZGFuY2UvVHJpcGxl VGVuX1R1dG9yc19NYXgubXA0IgoJCQkJCQkJdHlwZT0idmlkZW8vbXA0IgoJCQkJCQkvPgoJCQkJ CTwvdmlkZW8+CgkJCQkJPHAgY2xhc3M9InZpZGVvX19uYW1lIj5NYXg8L3A+CgkJCQkJPHAgY2xh c3M9InZpZGVvX19leHBlcmllbmNlIj43IHllYXJzIGV4cGVyaWVuY2U8L3A+CgkJCQkJPHAgY2xh c3M9InZpZGVvX19qb2IiPgoJCQkJCQlTZW5pb3IgU29mdHdhcmUgRW5naW5lZXIgYXQgUmVwdWJs aWMgU2VydmljZXMKCQkJCQk8L3A+CgkJCQk8L2Rpdj4KCQkJCTxkaXYgY2xhc3M9InZpZGVvX19p dGVtIj4KCQkJCQk8YnV0dG9uIGNsYXNzPSJ2aWRlb19fYnV0dG9uIj48L2J1dHRvbj4KCQkJCQk8 dmlkZW8KCQkJCQkJcHJlbG9hZD0ibWV0YWRhdGEiCgkJCQkJCWNsYXNzPSJ2aWRlb1BsYXllciIK CQkJCQkJcG9zdGVyPSJodHRwczovL29wdGltLnRpbGRhY2RuLm5ldC90aWxkMzk2NS0zNTY2LTQx MzAtYTYzNS02NTY2MzY2MzM2MzMvLS9mb3JtYXQvd2VicC9qb3JnZS5wbmciCgkJCQkJPgoJCQkJ CQk8c291cmNlCgkJCQkJCQlzcmM9Imh0dHBzOi8vcHJhY3RpY3VtLWNvbnRlbnQuczMudXMtd2Vz dC0xLmFtYXpvbmF3cy5jb20vdXNhLW1haW4vZ3VpZGFuY2UvVHV0b3JzL1RyaXBsZVRlbl9UdXRv cnNfSm9yZ2Uud2VibSIKCQkJCQkJCXR5cGU9InZpZGVvL3dlYm0iCgkJCQkJCS8+CgkJCQkJCTxz b3VyY2UKCQkJCQkJCXNyYz0iaHR0cHM6Ly9wcmFjdGljdW0tY29udGVudC5zMy51cy13ZXN0LTEu YW1hem9uYXdzLmNvbS91c2EtbWFpbi9ndWlkYW5jZS9UcmlwbGVUZW5fVHV0b3JzX0dlb3JnZS5t cDQiCgkJCQkJCQl0eXBlPSJ2aWRlby9tcDQiCgkJCQkJCS8+CgkJCQkJPC92aWRlbz4KCQkJCQk8 cCBjbGFzcz0idmlkZW9fX25hbWUiPkpvcmdlPC9wPgoJCQkJCTxwIGNsYXNzPSJ2aWRlb19fZXhw ZXJpZW5jZSI+OCB5ZWFycyBleHBlcmllbmNlPC9wPgoJCQkJCTxwIGNsYXNzPSJ2aWRlb19fam9i Ij5Tb2Z0d2FyZSBFbmdpbmVlciBhdCBCdWxsaG9ybjwvcD4KCQkJCTwvZGl2PgoJCQkJPGRpdiBj bGFzcz0idmlkZW9fX2l0ZW0iPgoJCQkJCTxidXR0b24gY2xhc3M9InZpZGVvX19idXR0b24iPjwv YnV0dG9uPgoJCQkJCTx2aWRlbwoJCQkJCQlwcmVsb2FkPSJtZXRhZGF0YSIKCQkJCQkJY2xhc3M9 InZpZGVvUGxheWVyIgoJCQkJCQlwb3N0ZXI9Imh0dHBzOi8vb3B0aW0udGlsZGFjZG4ubmV0L3Rp bGQzMTYyLTMwMzAtNDYzNS1iOTM0LTM5Mzc2NjM0MzUzNy8tL2Zvcm1hdC93ZWJwL21pa2UucG5n IgoJCQkJCT4KCQkJCQkJPHNvdXJjZQoJCQkJCQkJc3JjPSJodHRwczovL3ByYWN0aWN1bS1jb250 ZW50LnMzLnVzLXdlc3QtMS5hbWF6b25hd3MuY29tL3VzYS1tYWluL2d1aWRhbmNlL1R1dG9ycy8y MDIyXzExXzAzX1ZpZGVvcyUyMG9mJTIwZ3VpZGFuY2UlMjB0ZWFtX01pa2UlMjBMZWUud2VibSIK CQkJCQkJCXR5cGU9InZpZGVvL3dlYm0iCgkJCQkJCS8+CgkJCQkJCTxzb3VyY2UKCQkJCQkJCXNy Yz0iaHR0cHM6Ly9wcmFjdGljdW0tY29udGVudC5zMy51cy13ZXN0LTEuYW1hem9uYXdzLmNvbS91 cy12aWRlb3MvMjAyMl8xMV8wM19WaWRlb3MlMjBvZiUyMGd1aWRhbmNlJTIwdGVhbV9NaWtlJTIw TGVlLm1wNCIKCQkJCQkJCXR5cGU9InZpZGVvL21wNCIKCQkJCQkJLz4KCQkJCQk8L3ZpZGVvPgoJ CQkJCTxwIGNsYXNzPSJ2aWRlb19fbmFtZSI+TWlrZTwvcD4KCQkJCQk8cCBjbGFzcz0idmlkZW9f X2V4cGVyaWVuY2UiPjMgeWVhcnMgZXhwZXJpZW5jZTwvcD4KCQkJCQk8cCBjbGFzcz0idmlkZW9f X2pvYiI+CgkJCQkJCURpcmVjdG9yIG9mIEFkdmFuY2VkIEFuYWx5dGljcyBhdCBPTEcgYW5kIFNj aWVuY2UgQ29uc3VsdGFudCBhdAoJCQkJCQlFbGl0ZSBBbmFseXRpY2FsIFNvbHV0aW9ucwoJCQkJ CTwvcD4KCQkJCTwvZGl2PgoJCQkJPGRpdiBjbGFzcz0idmlkZW9fX2l0ZW0iPgoJCQkJCTxidXR0 b24gY2xhc3M9InZpZGVvX19idXR0b24iPjwvYnV0dG9uPgoJCQkJCTx2aWRlbwoJCQkJCQlwcmVs b2FkPSJtZXRhZGF0YSIKCQkJCQkJY2xhc3M9InZpZGVvUGxheWVyIgoJCQkJCQlwb3N0ZXI9Imh0 dHBzOi8vb3B0aW0udGlsZGFjZG4ubmV0L3RpbGQzMDY0LTMxMzYtNDM2MS1hNTY1LTYyNjU2NTYx MzMzMS8tL2Zvcm1hdC93ZWJwL2FudGhvbnkucG5nIgoJCQkJCT4KCQkJCQkJPHNvdXJjZQoJCQkJ CQkJc3JjPSJodHRwczovL3ByYWN0aWN1bS1jb250ZW50LnMzLnVzLXdlc3QtMS5hbWF6b25hd3Mu Y29tL3VzYS1tYWluL2d1aWRhbmNlL1R1dG9ycy8yMDIyXzExXzAzX1ZpZGVvcyUyMG9mJTIwZ3Vp ZGFuY2UlMjB0ZWFtX0FudGhvbnklMjBNb3JnYW5fMDIud2VibSIKCQkJCQkJCXR5cGU9InZpZGVv L3dlYm0iCgkJCQkJCS8+CgkJCQkJCTxzb3VyY2UKCQkJCQkJCXNyYz0iaHR0cHM6Ly9wcmFjdGlj dW0tY29udGVudC5zMy51cy13ZXN0LTEuYW1hem9uYXdzLmNvbS91cy12aWRlb3MvMjAyMl8xMV8w M19WaWRlb3MlMjBvZiUyMGd1aWRhbmNlJTIwdGVhbV9BbnRob255JTIwTW9yZ2FuXzAyLm1wNCIK CQkJCQkJCXR5cGU9InZpZGVvL21wNCIKCQkJCQkJLz4KCQkJCQk8L3ZpZGVvPgoJCQkJCTxwIGNs YXNzPSJ2aWRlb19fbmFtZSI+QW50aG9ueTwvcD4KCQkJCQk8cCBjbGFzcz0idmlkZW9fX2V4cGVy aWVuY2UiPjMgeWVhcnMgZXhwZXJpZW5jZTwvcD4KCQkJCQk8cCBjbGFzcz0idmlkZW9fX2pvYiI+ CgkJCQkJCVNlbmlvciBNYWNoaW5lIExlYXJuaW5nIEVuZ2luZWVyIGFuZCBUZWNobmljYWwgQ29u c3VsdGFudAoJCQkJCTwvcD4KCQkJCTwvZGl2PgoJCQkJPGRpdiBjbGFzcz0idmlkZW9fX2l0ZW0i PgoJCQkJCTxidXR0b24gY2xhc3M9InZpZGVvX19idXR0b24iPjwvYnV0dG9uPgoJCQkJCTx2aWRl bwoJCQkJCQlwcmVsb2FkPSJtZXRhZGF0YSIKCQkJCQkJY2xhc3M9InZpZGVvUGxheWVyIgoJCQkJ CQlwb3N0ZXI9Imh0dHBzOi8vb3B0aW0udGlsZGFjZG4ubmV0L3RpbGQzNzY2LTM0MzktNDQ2Mi1i NzM2LTYyNjEzNjMxMzQ2NC8tL2Zvcm1hdC93ZWJwL3NlcmdlLnBuZyIKCQkJCQk+CgkJCQkJCTxz b3VyY2UKCQkJCQkJCXNyYz0iaHR0cHM6Ly9wcmFjdGljdW0tY29udGVudC5zMy51cy13ZXN0LTEu YW1hem9uYXdzLmNvbS91c2EtbWFpbi9ndWlkYW5jZS9UdXRvcnMvVHJpcGxlVGVuX1R1dG9yc19T ZXJnZS53ZWJtIgoJCQkJCQkJdHlwZT0idmlkZW8vd2VibSIKCQkJCQkJLz4KCQkJCQkJPHNvdXJj ZQoJCQkJCQkJc3JjPSJodHRwczovL3ByYWN0aWN1bS1jb250ZW50LnMzLnVzLXdlc3QtMS5hbWF6 b25hd3MuY29tL3VzYS1tYWluL2d1aWRhbmNlL1RyaXBsZVRlbl9UdXRvcnNfU2VyZ2UubXA0IgoJ CQkJCQkJdHlwZT0idmlkZW8vbXA0IgoJCQkJCQkvPgoJCQkJCTwvdmlkZW8+CgkJCQkJPHAgY2xh c3M9InZpZGVvX19uYW1lIj5TZXJnZTwvcD4KCQkJCQk8cCBjbGFzcz0idmlkZW9fX2V4cGVyaWVu Y2UiPjEyIHllYXJzIGV4cGVyaWVuY2U8L3A+CgkJCQkJPHAgY2xhc3M9InZpZGVvX19qb2IiPkRl diBUZWFtIExlYWQgYXQgV29sdDwvcD4KCQkJCTwvZGl2PgoJCQk8L2Rpdj4KCQk8L3NlY3Rpb24+ Cgk8L2JvZHk+CjwvaHRtbD4K