javascript - JWPlayer - undefined 不是函数

Question

我想知道是否有人可以帮助我。

我尝试使用 jwplayer 加载视频但出现错误。

这是我使用的代码。

        <script type="text/javascript">
            jwplayer("legacyPlayer").setup({
                width:370,
                height:240,
                file: "https://s3.amazonaws.com/legacy/videoname.mp4",
            });
        </script>

        <div id="legacyPlayer" align="center"></div>

我的控制台显示的错误如下:

Uncaught TypeError: undefined is not a function 

如能提供帮助，我们将不胜感激。

干杯，

Answer 1

你应该把脚本 block 放在 HTML 标签之后，看起来像这样:

<div id="legacyPlayer" align="center"></div>
<script type="text/javascript">
    jwplayer("legacyPlayer").setup({
        width:370,
        height:240,
        file: "https://s3.amazonaws.com/legacy/videoname.mp4",
    });
</script>

当浏览器文档解析器遇到脚本标签时，它将停止解析页面上的其他 html 内容，直到脚本被下载并执行。这意味着当您尝试在脚本 block 中操作它时，“legacyPlayer”不存在。这就是“undefined is not a function”错误的根本原因(jwplayer 选择器找不到 ID 为:legacyPlayer 的 DOM)。