Javascript JQuery replace不使用JW播放器

我可能完全用错了方法，但我对JavaScript非常陌生，这是我能想到的最简单的方法。我试图在点击按钮时，将页面顶部的缩略图替换为JW播放器视频。以下是我目前的代码：

HTML

<div class="series_graphic"></div>
<button class="button-watch1">Watch now</button>

现在看

JQuery

 $( ".button-watch1" ).click(function() {
    $( ".series_graphic" ).replaceWith( '<div id="player-1">Loading</div>');
 });


    jwplayer("player-1").setup({
        file: "",
        height: 360,
        image: "",
        width: 640
    });

$（“.button-watch1”）。单击（函数（）{
$（“.series_graphic”）。替换为（'Loading'）；
});
jwplayer（“播放器-1”）。设置({
文件：“”，
身高：360，
图像：“”，
宽度：640
});

如果我删除.click函数，我可以让它正常工作，但是一旦我添加了它，它只会显示“加载”文本，而不会显示其他内容。我已经做了相当多的故障排除/搜索，似乎无法找到答案。我还尝试了一次点击按钮，它返回了相同的结果

---

抱歉，如果这是一个超级愚蠢/简单的问题。我真的很感谢你的帮助，因为我花了很长时间想弄明白

尝试将调用移动到

处理程序中的
jwplayer

$( ".button-watch1" ).click(function() {
    $( ".series_graphic" ).replaceWith('<div id="player-1">Loading</div>');
    jwplayer("player-1").setup({
        file: "",
        height: 360,
        image: "",
        width: 640
    });
 });

$（“.button-watch1”）。单击（函数（）{
$（“.series_graphic”）。替换为（“加载”）；
jwplayer（“播放器-1”）。设置({
文件：“”，
身高：360，
图像：“”，
宽度：640
});
});
你有试过这个的地方的演示吗？是的，它是。它仍在进行中；）那很有效！万分感谢！这简直让我发疯了。