jquery - 为什么我不能选择 use .play() 使用 jQuery 选择视频？

Question

为什么这有效

var v = document.getElementsByTagName("video")[0];  
v.play();

还有这个

$("#movie").play();

或者这个

$("video").play();

不是吗？(假设页面上只有一个视频元素)

Answer 1

因为当您在 jQuery 选择的对象上使用 .play() 时，您最终会在该对象上调用该函数，该对象实际上不是真正的 DOM 节点，而是包装的 DOM 节点的集合在 jQuery 对象中。并且该对象不知道任何播放功能。

事实上，当选择器没有命中任何内容时，jQuery 对象甚至可以为空，对该包的所有调用仍然有效，但由于没有目标，因此不会产生任何效果。

如果你以类似数组的方式调用该包 (var v = document.getElementsByTagName("video")[0];)，并且内部至少有一个 DOM 节点，你会得到一个真实的 DOM 节点作为返回对象。该节点知道 .play() 函数。

请参见此处:Play/pause HTML 5 video using JQuery