Estoy tratando de cargar dinámicamente la biblioteca Hls.js en una página web (mecanografiada). Cuando uso una etiqueta <script> estática dentro de <head> , funciona sin problemas, pero cuando intento cargar Hls en tiempo de ejecución falla con el mensaje Hls no está definido
Así que esto funciona:
<script src="https://cdn.jsdelivr.net/npm/hls.js"></script> <script> console.log(Hls.isSupported()); </script>Pero esto no (jQuery):
$.getScript("https://cdn.jsdelivr.net/npm/hls.js", (script, status, xhr) => { console.log(Hls.isSupported()); });Y tampoco lo hace un enfoque más tradicional:
const script = document.createElement("script"); script.setAttribute("src", "https://cdn.jsdelivr.net/npm/hls.js"); script.onload = () => { console.log(Hls.isSupported()); } document.body.appendChild(script);En ambos casos, puedo ver que el script se descarga y aparece en el panel Depurador del navegador (F12), pero Hls no está definido.