Есть html страница, в которой есть раскрываемые по + блоки.
В каждом блоке 2 проигрывателя youtube + элементы управления ими (повтор, play/stop, sound on/off).
Элементы управления должны срабатывать на оба проигрывателя сразу и только в своём блоке.
Архив со страницей прилагается.
Задача - так подредактировать страницу и JS, чтобы все блоки работали как надо.
Решение должно масштабироваться на любое количество блоков (страница генерируется на php).
Тестовая страница (в архиве её нет) работает без проблем, если нет раскрываемых блоков.
Код в тестовой странице примерно такой.
<button onclick="player1.loadVideoById('bKZbvluHcNo')">(re)start</button>
<button onclick="player1.playVideo()">play</button>
<button onclick="player1.pauseVideo()">pause</button><br>
<button onclick="player1.seekTo(player1.getDuration())">stop</button>
<button onclick="player1.unMute()">sound on</button>
<button onclick="player1.mute()">sound off</button>
<iframe src="https://www.youtube.com/embed/bKZbvluHcNo?html5=1&enablejsapi=1&autoplay=0&rel=0&showinfo=0&modestbranding=1&controls=1&autohide=0&vq=large" frameborder="0" allowfullscreen onload="player1=new YT.Player(this)"></iframe>
Приоритет по срокам.
Деньги переведу сразу на приватовскую карточку, как только проверю что работает как надо.
