JQuery 替换与 JW 播放器不起作用

JQuery replace not working with JW Player

本文关键字：播放器 不起作用 JW 替换 JQuery      更新时间：2023-09-26

我可能以完全错误的方式解决这个问题，但我对JavaScript很陌生，这是我能想到的最简单的方法。我正在尝试在单击按钮时将页面顶部的缩略图替换为 JW Player 视频。这是我到目前为止的代码：

.HTML 

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

杰奎里

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

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

如果我删除 .click 功能，我可以让它正常工作，但是一旦我添加它，它将显示的只是"加载"文本，没有别的。我已经做了相当多的故障排除/搜索，但似乎无法弄清楚。我也尝试单击按钮，它返回了相同的结果。

对不起，如果这是一个超级愚蠢/简单的问题。我真的很感激任何帮助，因为我花了很长时间试图弄清楚！

尝试将调用移动到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
    });
 });
相关文章：