视频开始时添加class或id

Add class or id to video tag when it starts

本文关键字：id class 添加 开始时 视频      更新时间：2023-09-26

我想添加一个类，如果有没有类当我第一次开始视频

我想给一个视频元素一个类或id。名字并不那么重要。当我开始视频时，应该设置class/id。然后我可以与元素交互并提取源代码。

From this fiddle:

var inputs = document.getElementsByTagName("video").className += " MyClass";
for (var i = 0; i < inputs.length; i++) {
    var video = document.getElementById(inputs[i].id);
    video.onplaying = function (e) {
        /*Do things here!*/
        alert(this.src);
    }
}

检查这个提琴

(function () {
   var video = document.getElementById("myVID");
    video.addEventListener('play', function (e) {
    if (this.className.indexOf('MyClass') == -1)
       this.className += " MyClass";
    });
})();

根据评论，如果只有一个视频元素没有id或class，您可以使用document.getElementsByTagName访问它，如下所示:

(function () {
   var video = document.getElementsByTagName("video")[0];
    video.addEventListener('play', function (e) {
    if (this.className.indexOf('MyClass') == -1)
       this.className += " MyClass";
    });
})();

更新小提琴

相关文章：