2013-08-21 4 views
0

프로젝트에 대한 html5 비디오 도움말을 만들려고합니다. 아래에 표시된 기본 비디오 객체를 설정했습니다. 나는 이러한 비디오를 페이지에 여러 번 추가하고 제거하므로 이러한 객체가 포함 된 VideoPool 배열을 설정했습니다.DOM 요소가 포함 된 개체 복제

풀에서 비디오를 복제하여 페이지에 추가하고 싶습니다. 이렇게하면 페이지에 같은 비디오의 인스턴스가 여러 개있을 수 있습니까?

$.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; 

})(); 

답변

관련 문제