iframeでPHPをonclickし、別のiframeにソースを読み込みます

Question

私はスクロールナビゲーション内の何かをクリックして見たいものを探しています。この動画は、その横にある黒いボックスで開きます。 今のところ、ビデオは引き続き表示されているdivに表示されます。 これを実現するために私が取るべきベストステップは何でしょうか？

私はiframeでonclick関数を使って何かを試しましたが、それは私がするべきことではないと思います。

echo '<div class="overzicht">'; 
 

 

 
while ($row = $query->fetch(PDO::FETCH_ASSOC)) { 
 
    $link = $row['link']; 
 
    $newLink = str_replace("watch?v=", "embed/", $link); 
 
    echo 
 
     '<div class="scrollbar"> 
 
       <div class="embed-responsive embed-responsive-16by9" > 
 
        <iframe onclick="showVideo('.$newLink.')" src="'.$newLink.'" ></iframe> 
 
       </div> 
 
      </div>'; 
 
echo '</div>'; 
 

 
function showVideo($link){ 
 
    $idLink = $link; 
 
    echo '<iframe src="'.$idLink.'" allowfullscreen ></iframe>'; 
 
}

Answer 1

<!-- html + javascript, copy src from iframe1 to iframe2 --> 
    <iframe onclick="myFunc(this);" src="...link"> ... </iframe> 
    <iframe id="iframe2"></iframe > 
    <script> 
     function myFunc(el1) // el1 (this) = tag, where you use onclick 
      { 
      var el2 = document.getElementById('iframe2'); 
      el2.src = el1.src; 
      } 
    </script> 

またはこれがどこにあるか

 <iframe onclick="myFunc2(this.src);" src="...link"> ... </iframe> 
    <script> 
     function myFunc2(link) 
      { 
      document.getElementById('iframe2').src = link; 
      } 
    </script>