如何在一个页面JQuery上定位两个视频

Question

我在一个页面上有两个视频：

第一个视频没有id或类，因为它使用fullbackground插件加载。

<video ..>....</video>

第二个如下，并且有一个id：

 <video id="bannervid" ....>...</video>

我如何定位每一个？使用以下内容定位第二个视频：

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

但我怎样才能同时针对两者？我希望它们在点击按钮时同时播放。

Answer 1

你得到一个数组......迭代它。

var videos = document.getElementsByTagName('video'), i;
for( i = 0; i < videos.length; ++i ) {
    videos[i].pause();
}

或者，因为您标记了jQuery：

$('video').each(function(index, elem){
    elem.pause();
});