¿Cómo se soluciona esto en el código? https://jsfiddle.net/a6dp1soy/
Para reproducir el error, haga clic en el botón X
Primero haga clic en reproducir svg, luego en el botón X.
const resetVideos = document.querySelectorAll(".exit"); resetVideos.forEach(function resetVideoHandler(video) { video.addEventListener("click", function resetVideoHandler() { video.parentElement.player.destroy(); console.log("hit") }); })Una solución podría ser simplemente reemplazar
video.parentElement.player.destroy();con
video.parentElement.parentElement.removeChild(video.parentElement); Tomé referencia de aquí Cómo eliminar el elemento principal usando Javascript simple y el objeto video.parentElement
Y luego, la siguiente parte será crear ese elemento nuevamente al hacer clic en reproducir
Debe encontrar el elemento con wrap de clase donde se almacena su reproductor en la creación.
const resetVideos = document.querySelectorAll(".exit"); resetVideos.forEach(function resetVideoHandler(video) { video.addEventListener("click", function resetVideoHandler() { var player = this.parentElement.getElementsByClassName('wrap')[0].player; player.destroy(); console.log("hit") }); });Violín JS: https://jsfiddle.net/c54b0faw/