同ページに制御が違うYoutubeを複数設置に際して不具合が出ているため、その問題の解決したいです

【目的】Youtubeはiframeにて直接設置しているのではなく、「YouTube Player API」を使用したJavaScriptにて細かい制御を追加しました。その際、別制御の複数を設置したときにデータがかち合ってしまい片方しか動きません。別々の時は動きました。この不具合の解決したいです。 ●「YouTube Player API」を使用したJavaScriptにて細かい制御を追加 ●複数制御を同ページに追加 ●1つめの制御と2つめの制御がかち合ってしまい、あとに設置したJSの方しか動作しません。 1つずつでは動きます。 ●クライアントの仕様にて動画はYoutubeしか使用できません。MP4などを設置は不可 ●Youtubeの再生が終わった際や途中で一時停止した際に表示される別動画が見えてほしくないため、基本的にはYoutubeはコントロールボタンを触れないようにする※こちらは手っ取り早くYoutube画面の上に透明画像を貼って触れなくしています。 ●1つめの制御 ・自動再生、00秒後、Youtubeの上に重なるように別ビジュアルが表示される（現在） ※現在自動再生が効いたり効かなかったりしている（ここも解消したい） ↓ ・自動再生、再生終了した際にYoutubeの上に重なるように別ビジュアルをフェードイン（理想） ・スキップボタン追加（要望） ・別ビジュアル表示と同時に「スキップボタン」から「リプレイボタン」に変更（要望） ※00秒後の制御のままでビジュアルをフェードインでもOK ●2つめの制御 ・Youtube本体の再生ボタンではなくJS制御の再生ボタンにて再生させる。再生ボタンは押すと消える仕様。（現在） ・この制御にてもう一つYoutubeを同ページ内に設置（現在） ・ループさせたい（要望） ・音声ON、OFFボタン追加（要望） 上記のような仕様にて作成してみましたがjsの書き方に問題があるようでプログラムがかち合ってしまって2つ同時に動きません。こちらを解消できるようプログラムの改修をお願いしたいと思っております。 私自身はjsは素人同然でweb上で紹介しているサイトから色々見聞きして使えそうなプログラムを微調整している状態です。ですので非常におかしな構文になっているかと思います。 ご協力よろしくお願いいたします。