如何访问div中的视频元素

Question

我是javascript的新手，我想知道我可以访问div元素中的视频元素吗？

<div id="player" class="player">

        <video id="element"></video>

</div>

Answer 1

在纯JavaScript中？

为此您使用var video = document.getElementById('element');

之类的内容

here's a fiddle

我添加了一个console.log语句，因此您可以看到显示在开发人员控制台中的元素。

Answer 2

var el = document.getElementById("element");

如果您使用的是jQuery，可以像这样定位它：

var el = $('video#element');

Answer 3

您可以使用常规javaScript访问视频元素，但使用id和getElementById函数。

var video = document.getElementById('element');
// Play Video
video.play();

如果你正在使用jQuery，你也可以这样做：

var $video = $("#element");
$video.get(0).play();

Answer 4

由于元素有一个id，你可以直接得到它：

var myVideo = document.getElementById("element");

如果由于某些原因它没有id，你可以这样做：

var myVideo = document.querySelector("#player video");

这是非常基本的JS，所以你可以在任何地方找到帮助。特别是在querySelector here上，例如。