Видео приостановлено на монтировании страницы, несмотря на автоза ⇐ Javascript

[Anonymous]

Разработка сайта всегда интересна, еще интереснее, когда такие случаи происходят.

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

 handleSelectVideo(slide.src)}
/>

С этим элементом Иногда Когда пользователь входит на страницу, его видео -рендеры приостанавливались, как мы можем видеть на изображении: (Большая часть контента размыта на цель) /> Так, как мы видим, у видео есть эта кнопка паузы на первом рендеринге, несмотря на то, что элемент < /code> имеет Autoplay < /code> признак. < /p>

Что я попробовал < /h2>

, что можно было добавить , но это не так. Помните - это не помогло

[*] Другой вариант состоял в том, чтобы добавить preload = "Auto" , но это не помогло ни

Я попытался довести Refence к элементу и вручную от него:

class = "lang-js prettyprint-override">

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

const videoRef = useRef(null);

const [loaded, setLoaded] = useState(false);

...

useEffect(() => {
setLoaded(true);
}, []);

useEffect(() => {
if (!loaded) return;

const v = videoRef.current;

if (!v) return;

v.muted = true;

const p = v.play();

if (p && p.catch) p.catch(() => {});
}, [loaded]);

Но, как показался этот вопрос - все эти варианты не помогли мне вообще.>

Подробнее здесь: https://stackoverflow.com/questions/796 ... e-autoplay