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

[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"
/>

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

Проблема**:

я использовал этот iframe, чтобы поместиться в заголовок и заставить это видео работать как фоновое автоматическое воспроизведение видео, это работает нормально на настольном компьютере и Android, но не работает на IOS, почему это происходит, на iOS видео останавливается в начале, это означает, что не воспроизводится автоматически, если кто-нибудь знает, в чем проблема, тогда пожалуйста, сообщите мне..

ссылка на тестирование: 3dvision.vercel.app

вы можете посетить этот проект, видео добавлено в его заголовок

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