JS代码中如何作用于多个相同id的标签

ID的意思就是身份z，而身份z的最大特征就是它的号码是唯一的，不可重复，网页标签也一样，id是具有唯一性的，多个标签不能有相同的id，如果有，那么只有第一个有效。

一般这种情况应该使用class，意思是“类”，而类是可以重复的。

但是，具体到你这个代码，其实完全不需要id或class，用this对象即可：

<script>

//鼠标移进去

function videoPlayback(video){

//给视频标签添加缓存播放---video标签属性。

videosetAttribute("autoplay","autoplay")

//给视频标签添加循环播放---video标签属性。

videosetAttribute("loop","loop")

//播放视频

videoplay();

}

//鼠标离开

function videoStopped(video){

//停止播放

videopause();

}

</script>

<video src="/uploads/media/220901/1-220Z1142455mp4" onmouseover="videoPlayback(this)" onmouseout="videoStopped(this)" muted="false"> </video>

<video src="/uploads/media/220901/1-220Z1142455mp4" onmouseover="videoPlayback(this)" onmouseout="videoStopped(this)" muted="false"> </video>

 （1）HTML页面视频标签大体如下

<video id="video"controls="controls">

<source src="/video/2mp4" type="video/mp4" />

</video>

（2）视频加载后获取视频的长度

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('loadedmetadata', function () {//加载数据

        //视频的总长度        consolelog(elevideoduration);

    });

（3）视频开始播放

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('play', function () {//播放开始执行的函数

        consolelog("开始播放");

    });

（4） 视频正在播放中

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('playing', function () {//播放中consolelog("播放中");

    });

（5）视频加载中

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('waiting', function () {//加载

        consolelog("加载中");

    });

（6）视频暂停播放

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('pause', function () {//暂停开始执行的函数

        consolelog("暂停播放");

    });

（7）视频结束播放

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('ended', function () {//结束

        consolelog("播放结束");

    }, false);

以上就是关于JS代码中如何作用于多个相同id的标签全部的内容，包括:JS代码中如何作用于多个相同id的标签、JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！