jQuery项目引入萤石云JS报错

问题遇到的现象和发生背景
遇到的现象和发生背景，请写出第一个错误信息
用代码块功能插入代码，请勿粘贴截图。 不用代码块回答率下降 50%
运行结果及详细报错内容
我的解答思路和尝试过的方法，不写自己思路的，回答率下降 60%
我想要达到的结果，如果你需要快速回答，请尝试 “付费悬赏”

萤石云demo运行hls.html可以查看到视频画面，有引入ezuikit.js和hls,js文件，在jQuery项目中引入ezuikit.js，控制台查看只有ezuikit.js文件，未引如hls.js文件

img

img

jquery-2.1.4.min.js:3355 Uncaught TypeError: Cannot read properties of undefined (reading 'browserDetails')

尝试降低jQuery版本无效果，降低ezuikit.js版本也会报其他的defind

直接用官方demo播放正常的话，使用jQuery项目出错就是你项目编写，注意官方引入hls.js文件的函数

img


如上图


```javascript
function HLS(videoId, url) {
    var _this = this;
    _classCallCheck$1(this, HLS);
    addJs("https://open.ys7.com/assets/ezuikit_v3.4/js/hls.js", function () {
      console.log("加载hls.min.js成功", window.Hls);
      console.log("isSupportHls", window.Hls.isSupported());
      if (window.Hls.isSupported()) {
        _this.initHLS(videoId, url);
      }
    }, function () {
      return !!window.Hls;
    });
  }

看看你jquey项目使用的方法是否和这个引入有冲突，同时检查文件路径问题，一步一步去console.log查找原因点或者冲突点！

```

您好！看起来您在使用 jQuery 项目中引入萤石云 JS 文件时遇到了一些问题。 可以先提供您遇到的错误信息和代码，这样我就可以更好地帮助您了解并解决问题。

在提供代码和错误信息之前，请确保您已经将萤石云 JS 文件正确引入到项目中。 这通常意味着在项目的 HTML 文件中包含一个指向萤石云 JS 文件的脚本标签。 例如，如果您的萤石云 JS 文件位于 "js/ys7.js"，则可以使用以下代码引入该文件：

<script src="js/ys7.js"></script>

请确保您的萤石云 JS 文件位置正确，并确保您在引入文件时没有使用错误的路径。 如果您仍然遇到问题，请告诉我您遇到的错误信息和代码，我将尽力帮助您解决问题。望采纳。

首先，检查下是否正确地引入了 hls.js 文件。如果看到了报错 "Uncaught TypeError: Cannot read properties of undefined (reading 'browserDetails')"，可能是因为 hls.js 文件没有被正确地引入，或者 hls.js 文件的位置不对。

另外也可能是因为 jQuery 版本太高，建议将 jQuery 版本降低到 2.x 版本，然后再可以试试使用 ezuikit.js 库来播放视频。

如果问题还是没有解决，可以考虑以下方案：

1、检查代码是否有语法错误，或者是否有引用了不存在的变量。

2、检查下是否在服务端开启了 CORS，以便跨域访问视频流。

3、可以试试在浏览器的控制台中使用 hls.js 库来播放视频，如果能正常工作，那么可能是 ezuikit.js 库的问题，可以考虑使用其他的库来播放视频。
仅供参考，望采纳，谢谢。

uncaught typeerror: connot read properties of undefined (reading 'browserDetails')
未捕获类型错误：内涵读取未定义的属性（读取“browserDetails”）
使用browserDetails”时的父元素上没有这个属性，需要检查你获取元素是否有误，或者是逻辑问题

接入萤石云的踩坑问题
借鉴下
https://blog.csdn.net/weixin_56654424/article/details/123170164

如果在jQuery项目中引入萤石云JS时遇到报错，可以尝试以下解决方案：

确保萤石云JS的版本与jQuery的版本兼容。可以在萤石云官网查看最新的JS版本，并确保与当前使用的jQuery版本兼容。

检查萤石云JS的路径是否正确。如果路径写错，可能会导致无法加载JS文件。

尝试使用绝对路径引入萤石云JS。这样可以避免路径问题导致的报错。

尝试使用浏览器的开发者工具查看报错信息。通常情况下，浏览器的开发者工具会显示具体的报错信息，可以帮助我们更快地定位问题所在。

尝试清除浏览器缓存。有时浏览器缓存可能会导致加载萤石云JS文件失败。

如果以上方法都无法解决问题，建议联系萤石云客服或者在萤石云官网的技术支持论坛中寻求帮助。

最好的是看官方的社区看下你的这个报错，浏览器是谷歌吗？还有确保引入的文件路径是对的

估摸着报错，可能是由于jQuery版本过低或者萤石云JS版本过高导致的，可以尝试升级jQuery版本或者降低萤石云JS版本，以解决报错问题。

看下你的萤石云JS的版本与jQuery的版本是否兼容，再者就是排查下jQuery版本是否过低，过低引入个高版本的试试。