Я щас аж хз :)

Ну есть на странице 3  тега <iframe>.
Общение между ними происходит с помощью eventListener (“message”, ....)
В верхнем фрейме и в левом у меня был тег <видео>.
Изначально левый скрыт. И как только страница прокручивается вниз на столько, что верхнее видео исчезает из поля видимости, то левое видео появляется и продолжается с того же момента, что и было.
Проблем с этим не возникало, так как можно легко отлавливать события video.play() и так же video.pause() ну и соответственно передавать их в другой фрейм и там видео так же запускать или останавливать.
Но проблемы начались со звуком. У видео нет события mute/unmute, поэтому, чтобы видео и слева и справа звучали/замолкали одновременно, нужно как-то проверять состояние видео muted. А как проверять это состояние постоянно? Используем setInterval. Но он плохо работает (не буду вдаваться в детали).

Какие ещё варианты? Посоветовали оставить один видос и перекидывать его из одного фрейма в другой. Вот и вопрос: как это сделать?

А как это реализуется правильно?

https://www.w3schools.com/tags/ref_av_dom.asp

Тут говорят, что есть свойство muted, можно использовать как для получения состояния мюта, так и задавать свое

Свойство есть. Но нельзя в eventListener отловить момент нажатия на mute. Это немного разные вещи.
То ли поймать нажатие на кнопку, то ли каждые 100 мс проверять состояние video.muted

Я бы музыку отдельно играл

Ну Эт совсем как-то не круто.

Ну вопрос просто: как мне этот видос переместить в другое место при условии контейнеров с position.relative ? Это вообще можно?

Не, это можно без сетинтервалов сделать

Ну Эт совсем как-то не круто.

Ну вопрос просто: как мне этот видос переместить в другое место при условии контейнеров с position.relative ? Это вообще можно?

Тебе шашечки или ехать? Чем не круто?

Каким это образом? Есть там volumechange (или что-то типа того), но не уверен, что это то, что надо

Ну есть на странице 3  тега <iframe>.
Общение между ними происходит с помощью eventListener (“message”, ....)
В верхнем фрейме и в левом у меня был тег <видео>.
Изначально левый скрыт. И как только страница прокручивается вниз на столько, что верхнее видео исчезает из поля видимости, то левое видео появляется и продолжается с того же момента, что и было.
Проблем с этим не возникало, так как можно легко отлавливать события video.play() и так же video.pause() ну и соответственно передавать их в другой фрейм и там видео так же запускать или останавливать.
Но проблемы начались со звуком. У видео нет события mute/unmute, поэтому, чтобы видео и слева и справа звучали/замолкали одновременно, нужно как-то проверять состояние видео muted. А как проверять это состояние постоянно? Используем setInterval. Но он плохо работает (не буду вдаваться в детали).

Какие ещё варианты? Посоветовали оставить один видос и перекидывать его из одного фрейма в другой. Вот и вопрос: как это сделать?

Где ж мне звук отдельно брать? Эт совсем заморочка

1 фрейм. Ты то говоришь, что у тебя разные видосы, то одинаковые. Нафига тебе разные синхронизировать-то?
Ты берешь и при скролле фрейм с видосом делаешь абсолютом и пихаешь в угол.