我正在尝试为一个项目创建一个 html5 视频帮助。我已经设置了一个基本的视频对象,如下所示。我多次向页面添加和删除这些视频,因此我设置了一个包含这些对象的 VideoPool 数组。
我希望能够从池中克隆视频并将其添加到页面中。这应该允许我在页面上拥有同一视频的多个实例吗?
$.extend( true, {}, <Video from pool> )
我试过使用 jquery 扩展,但它似乎没有正确克隆视频 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;
})();