Nunca he usado player.destroy(); antes en el código, así que no estoy seguro de cómo agregarlo.

¿Cómo se debe escribir en el código?

Lo estoy usando para destruir el iframe del video, cuando se hace clic en el botón X.

Después de hacer clic en el botón de reproducción de svg, hay un botón X que presiona y que, cuando se presiona, destruye el video.

¿Alguno de estos es el camino correcto?

Haga clic en Ejecutar , no actualice para probar el código:

Así: https://jsitor.com/RTH542DH1o

 function createResetHandler(player) { const resetVideos = document.querySelectorAll('.exit'); resetVideos.forEach(function resetVideoHandler(video) { video.addEventListener('click', function resetVideoHandler() { if (!player) { } else { player.stopVideo(); player.destroy(); player = null; } }); }); }

o así: https://jsitor.com/xaLXppyXJ5

 function createResetHandler(player) { const resetVideos = document.querySelectorAll('.exit'); resetVideos.forEach(function resetVideoHandler(video) { video.addEventListener('click', function resetVideoHandler() { player.destroy(); }); }); }

¿o se escribiría de otra manera?

https://developers.google.com/youtube/iframe_api_reference

Elimina el <iframe> que contiene el reproductor.