JS定位包含视频的嵌套div

Question

我正在尝试将嵌套在div中的视频元素作为目标，该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(); 但这些都失败了

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

Answer 1

将document.querySelector与PARENT CHILD选择器

一起使用

另请注意，vid_1中有拼写错误，标记为 vid1

＆＃13;

＆＃13;

console.log(document.querySelector('#vid1 video'));
//---------------------------------^^^^^^^^^^^^^^

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;