m3u8 failed to play in V7 and V8 for Angular 20.3

[rupisaini123]

Description

I am trying to play a m3u8 stream using videoJs 7 and 8 too inside angular 20.3
but it shows the time and other stream related data but when playing it keeps on showing the loading icon.
checking the console i can see multiple errors like

Uncaught ReferenceError: __name is not defined
at f04f69fe-fa46-40de-bc15-7c20c7af528d:18:3
Uncaught ReferenceError: __name is not defined
at 9c26136a-2ee3-4c1a-8fd6-e5a706ee8157:8:33
Uncaught ReferenceError: __name is not defined
at b706e012-fe28-4eb0-87d5-f0d5b1a604d5:8:33

Here are the codes from above mentioned files
f04f69fe-fa46-40de-bc15-7c20c7af528d:18:3

var browserWorkerPolyFill = function browserWorkerPolyFill2(workerObj) {
  workerObj.on = workerObj.addEventListener;
  workerObj.off = workerObj.removeEventListener;
  return workerObj;
};
browserWorkerPolyFill(self);

  var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
  function createCommonjsModule(fn, basedir, module) {
    return module = {
      path: basedir,
      exports: {},
      require: /* @__PURE__ */ __name(function require2(path, base) {
        return commonjsRequire(path, base === void 0 || base === null ? module.path : base);
      }, "require")
    }, fn(module, module.exports), module.exports;
  }
  **__name(createCommonjsModule, "createCommonjsModule");**
  function commonjsRequire() {
    throw new Error("Dynamic requires are not currently supported by @rollup/plugin-commonjs");
  }

9c26136a-2ee3-4c1a-8fd6-e5a706ee8157:8:33

var browserWorkerPolyFill = function browserWorkerPolyFill2(workerObj) {
  workerObj.on = workerObj.addEventListener;
  workerObj.off = workerObj.removeEventListener;
  return workerObj;
};
browserWorkerPolyFill(self);

  **var Stream2 = /* @__PURE__ */ __name(function Stream3() {**
    this.init = function() {
      var listeners = {};
      this.on = function(type3, listener) {
        if (!listeners[type3]) {
          listeners[type3] = [];
        }
        listeners[type3] = listeners[type3].concat(listener);
      };

b706e012-fe28-4eb0-87d5-f0d5b1a604d5:8:33

var browserWorkerPolyFill = function browserWorkerPolyFill2(workerObj) {
  workerObj.on = workerObj.addEventListener;
  workerObj.off = workerObj.removeEventListener;
  return workerObj;
};
browserWorkerPolyFill(self);

  var Stream2 = /* @__PURE__ */ __name(function Stream3() {
    this.init = function() {
      var listeners = {};
      this.on = function(type3, listener) {
        if (!listeners[type3]) {
          listeners[type3] = [];
        }
        listeners[type3] = listeners[type3].concat(listener);
      };
      this.off = function(type3, listener) {
        var index;
        if (!listeners[type3]) {
          return false;
        }
        index = listeners[type3].indexOf(listener);
        listeners[type3] = listeners[type3].slice();
        listeners[type3].splice(index, 1);
        return index > -1;
      };

Can someone please help if you ever had same issue

Reduced test case

https://github.com/rupisaini123/video-js-m3u8-error

Steps to reproduce

Please find the minimum code to replicate https://github.com/rupisaini123/video-js-m3u8-error

Errors

No response

What version of Video.js are you using?

V7.20.3, V8.23.4

Video.js plugins used.

No response

What browser(s) including version(s) does this occur with?

Chrome

What OS(es) and version(s) does this occur with?

Macos

[welcome]

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.
To help make it easier for us to investigate your issue, please follow the contributing guidelines.