ビデオを含むネストされたdivをターゲティングするJS

Question

div内に入れ子になっているビデオ要素を、設定可能なIDとidを持たない別のdivにターゲティングしようとしています。動画要素をターゲットにして単純に動画を再生するためのスムーズなアプローチは何でしょうか。

ここに私が見ている入れ子のサンプルがあります。

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

Answer 1

を失敗している。また、マークアップで、それはで、あなたは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>