자바 스크립트 - 클릭 한 동영상에 따라 다른 동영상 표시

Question

그래서 저는 아직 자바 스크립트와 모든 것을 처음 접했습니다. 내가하려는 것은 작은 비디오를 클릭하여 위의 주요 큰 비디오에 표시 할 때입니다. 이것은 지금까지 스크립트이지만, 내가 무엇을 추가해야하는지 잘 모르겠습니다.

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".littlevideo").click(function() { 
      var video = $(this).closest("div").find("video").attr("src") 
      $('#displayvideo').attr("src",video); 
     }); 
    }); 
</script> 

Answer 1

당신이 그런 짓을 할 :

<script type="text/javascript"> 
$(document).ready(function() { 
    $(".littlevideo").click(function() { 
     var video = $(this).closest("div").find("video").attr("src") 
     $('#displayvideo').append("<iframesrc="+video+"></iframe>"); 
    }); 
}); 

추가]은 기본적으로 추가 HTML 컨테이너에 그. 그 값이 무엇이든간에 + 기존의 문자열에 + 비디오 +를 추가합니다. 이것이 동적 인 방법입니다.

Answer 2

페이지의 나머지 부분이 필요합니다 (가능하면). 그러나 코드 조각은 원하는 것을 수행해야합니다. 기본적으로 코드는 클릭되는 요소의 속성을 가져 와서 ("littlevideo"라는 클래스가있는 한) #displayvideo 요소로 전송합니다 ('큰 동영상'을 추측합니다.).). 작은 동영상의 요소/태그는 모두 class="littlevideo"이고 큰 동영상 플레이어 요소/태그의 속성은 id="displayvideo"이어야합니다.