iframe에서 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>