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?
clone