Я пытаюсь клонировать проигрыватель Brightcove в другой div, но после клонирования видео не воспроизводится. ⇐ Html

[Anonymous]

Я хотел клонировать проигрыватель Brightcove в другой div и воспроизводить его в новом div, нажав кнопку «Клонировать». Но видео не воспроизводится в клонированном div

Код: Выделить всё

videojs.getPlayer('myPlayerID').ready(function() {
var myPlayer = this;

// +++ Wait for loadstart to read video information +++
myPlayer.on("loadstart", function(evt) {

// +++ Read test and link from video info and build anchor tag +++
var linkText = myPlayer.mediainfo.link.text,
linkURL = myPlayer.mediainfo.link.url,
hrefString =
'' + linkText + "";

});
});

$('.click-to-clone').on('click', function() {
console.log('button clicked');
var videoPlayer = $(document).find('video-js');
if (videoPlayer.length > 0) {
var clonedDiv = document.querySelector('.clonedElement');
clonedDiv.innerHTML = videoPlayer.prop('outerHTML');
clonedDiv.querySelector('.video-js').setAttribute('id', 'myPlayerID1');
}
})

Код: Выделить всё

/* * The body style is just for the
* background color of the codepen.
* Do not include in your code.
*/
body {
background-color: #bbb;
color: #f00;
}
/*
* Styles essential to the sample
* are below
*/
.video-js {
height: 344px;
width: 610px;
}

Код: Выделить всё

Click to Clone

В приведенном выше фрагменте я добавил проигрыватель Brightcove, и он инициализируется load, и я создал кнопку. После нажатия кнопки я клонирую весь проигрыватель Brightcove и добавляю его в другой div, где видео не воспроизводится. Не уверен, что нужно сделать, чтобы видео воспроизводилось и в клонированном div. Нужна помощь. Заранее спасибо

Подробнее здесь: https://stackoverflow.com/questions/793 ... cloned-the