Фоновое видео Next.js yt iframe не воспроизводится автоматически на IOS ⇐ Javascript

[Anonymous]

Код: Выделить всё

 setVideoLoaded(true)}
className={`absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[100vw] h-[56.25vw] min-h-[100vh] min-w-[177.77vh] transition-opacity duration-1000 ${
videoLoaded ? "opacity-100" : "opacity-0"
}`}
src="https://www.youtube.com/embed/Jbvts0kdCo0?autoplay=1&mute=1&loop=1&playlist=Jbvts0kdCo0&controls=0&showinfo=0&rel=0&modestbranding=1&iv_load_policy=3&disablekb=1"
allow="autoplay; encrypted-media"
referrerPolicy="strict-origin-when-cross-origin"
/>

Я пишу, чтобы найти решение этой проблемы.
Проблема:

Я использовал этот в заголовке, чтобы видео работало как фоновое автовоспроизведение. Он отлично работает на настольном компьютере и Android, но не работает на iOS. На iOS видео останавливается в самом начале, то есть не воспроизводится автоматически. Если кто-нибудь знает, почему это происходит, пожалуйста, сообщите мне.
Ссылка для тестирования: 3dvision.vercel.app

Вы можете посетить этот проект. Видео добавляется в шапку.

Подробнее здесь: https://stackoverflow.com/questions/798 ... ing-on-ios