php onclick on iframe并在另一个iframe中加载源代码

Question

我正在尝试制作一些可以在滚动导航中单击的内容，在您要查看的视频上。然后，此视频将在旁边的黑框中打开。 现在，视频仍然显示在他们所站的div中。 我必须采取哪些最佳步骤来实现这一目标？

我在iframe上尝试过onclick功能，但我认为这不是我应该做的。您可以在图片下方看到代码 你可以看到下面的图片：

＆＃13;

＆＃13;

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>';
}

＆＃13;

＆＃13;

＆＃13;

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>