Question

我正在尝试为项目创建html5视频帮助。我已经设置了一个基本的视频对象，如下所示。我正在多次向页面添加和删除这些视频，因此我设置了一个包含这些对象的VideoPool数组。

我希望能够从池中克隆视频并将其添加到页面中。这应该允许我在页面上有多个相同视频的实例？

$.extend( true, {}, <Video from pool> )

我尝试过使用jquery extend，但它似乎没有正确克隆视频dom元素（this.el）。

有人知道这是否可以这样做，还是有另一种方法？感谢

var Video = (function(){

    function Video( src ){
        this.el = document.createElement('video');
        this.$el = $( _this.el );
        this.el.src = src;
        this.el.controls = false;
        this.el.loop = true;
        this.el.preload = true;
    }

    Video.prototype.play = function() { }

    Video.prototype.stop = function() { }

    ...

    return Video;

})();

Answer 1

cloneNode（）方法看起来就像你正在寻找的那样。 https://developer.mozilla.org/en-US/docs/Web/API/Node.cloneNode

克隆包含DOM元素的对象

1 个答案: