启动时将类或ID添加到视频标记

Question

如果第一次启动视频时有没有类，我想添加一个类。

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

来自 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);
    }
}

Answer 1

检查此fiddle

(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";
    });
})();

updated fiddle