2016-10-06 2 views
1

div에 중첩 된 동영상 요소를 설정할 수있는 ID와 설정할 수있는 div와 ID가없는 div를 타겟팅하려고합니다. 동영상 요소를 타겟팅하고 단순히 동영상을 재생하는 방법은 무엇입니까?동영상이 포함 된 중첩 된 div를 타겟팅하는 JS

여기에 내가 찾고있는 중첩의 샘플이 있습니다.

<div id="vid1"> 
    <div> 
     <video poster="poster_img.png" > 
      <source src="video.mp4" type="video/mp4"> 
     </video> 
    </div> 
</div> 

당신은 childNodes, querySelector 또는 다른 일을 추천 하시겠습니까?

내가 말할 수 있도록하려면 JS를 사용하여, vid1.play(); 그러나이 모든 PARENT CHILD 선택기를 사용 document.querySelector

document.getElementById('vid_1').childNodes[0].getElementsByTagName('video'); 
document.getElementById('vid_1').childNodes[0].querySelector('video'); 
+0

jQuery를 사용하면 모든 작업을 수행 할 수 있습니까? – adeneo

답변

2

에 실패한

또한 마크 업이 , 당신은 vid_1에 오타가 있었다주의 vid1

console.log(document.querySelector('#vid1 video')); 
 
//---------------------------------^^^^^^^^^^^^^^
<div id="vid1"> 
 
    <div> 
 
    <video poster="poster_img.png"> 
 
     <source src="video.mp4" type="video/mp4"> 
 
    </video> 
 
    </div> 
 
</div>

+0

오 ~ 이런, 고마워! 완벽한 대답. 나는 그것을 대답으로 받아들이는 방법을 알아 내야 할 필요가있다. – conflictingresults

+0

@conflictingresults - [수락]하는 방법 (http://meta.stackexchange.com/questions/23138/how-to-accept-the-answer-on-stack-overflow) :) __Happy coding! __ – Rayon

관련 문제