Javascript 使用jQuery将视频加载到JW播放器

因此，按照JW播放器的操作，我可以下载一段视频，很明显，它是这样的：

<script type="text/javascript" src="/scripts/jwplayer.js"></script>
<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "/uploads/example.mp4",
        height: 360,
        image: "/uploads/example.jpg",
        width: 640
    });
</script>

但是我得到了一个错误：uncaughttypeerror:无法调用null的方法'setup'

我尝试过以下可能很可怕的想法：

$("#videoElement").jwplayer.setup({ file: vid, width: 540 });

及

但是，所有函数都会产生相同的结果，不能调用null的方法“setup”

任何提示都将不胜感激。

页面上没有视频元素，仅myElement：

添加此脚本

<script>
var trigger = $("body").find('[data-toggle="modal"]');
trigger.click(function () {
   var vid = $(this).attr('data-video');
   jwplayer().load([{ file: vid }]);
   jwplayer().play();
});
</script>

然后像这样格式化你的链接

<a href="#" data-toggle="modal" data-target="#videoModal" data-video="example.mp4">Video</a>

<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "/uploads/example.mp4",
        height: 360,
        image: "/uploads/example.jpg",
        width: 640
    });
</script>

jwplayer("myElement").setup({ file: vid, width: 540 });

<script>
var trigger = $("body").find('[data-toggle="modal"]');
trigger.click(function () {
   var vid = $(this).attr('data-video');
   jwplayer().load([{ file: vid }]);
   jwplayer().play();
});
</script>

<a href="#" data-toggle="modal" data-target="#videoModal" data-video="example.mp4">Video</a>