Skip to main content
título editado
Link
BrTkCa
  • 11,3mil
  • 3
  • 21
  • 35

Copiar <video> com seseus respetivos atributos

Fonte Link
ihavenokia
  • 929
  • 1
  • 7
  • 22

Copiar <video> com se respetivos atributos

Eu tenho um player HTML5 usando a tag <video>, só que tenho o vídeo (que é transmitido via protocolo DASH) a ser carregado para a tag usando uma livraria javascript. Eu preciso de ter exatamente o mesmo vídeo num popup que o utilizador pode abrir, e aí vem o problema: se eu carregar o vídeo usando a livraria acima, passado duas, três aberturas a página já não consegue abrir mais os vídeos, então eu pensei em copiar o HTML do ´` já processado, o que evitaria mais uma utilização da livraria. Carrego o vídeo assim:

var url = videoOut + 'videorecording/' + videoguid + '/manifest.mpd';
var player = dashjs.MediaPlayer().create();
var videoPlayer = document.querySelector('#videoPlayerPopUp');
player.initialize(videoPlayer, url, false);

Tenho este código(1) para tentar copiar o player acima sem ter de usar a livraria novamente:

var playerHTML =document.getElementById("hero-unit").innerHTML;
document.getElementById("videoPaste").innerHTML = playerHTML;

dentro do hero-unit eu tenho este HTML:

<video width="380px" height="288px" id="videoPlayer" controls="" preload="auto" src="blob:http://localhost/25ac2810-36ef-452c-844b-cad58a2773cf"></video>

Pensava que o código(1) JS acima ia copiar exatamente isso, mas o que eu tenho no videoPasteé isto:

<video width="380px" height="288px" id="videoPlayer" controls="" preload="auto"></video>

É por causa do vídeo ter de ser carregado através da livraria ou eu estou a copiar mal?