javascript - Wistia API播放/暂停按钮

我正在使用Wistia API，并且需要一个链接来切换Wistia视频以播放和暂停。使视频独立播放或暂停完全没有问题，但是当我在某个元素上切换课程时，它似乎不再起作用。我究竟做错了什么？有任何想法吗？

$( ".video-pause" ).click(function() {
    wistiaEmbed.pause();
});
$( ".video-play" ).click(function() {
    wistiaEmbed.play();
});
$( "#video-play-pause" ).click(function() {
     $("#video-play-pause").toggleClass("video-pause").toggleClass("video-play");
});

最佳答案

这全部与jQuery数据绑定有关。使用“开”，它将解决。因此，代码将是-

$(document).on('click', '.video-pause', function() {
    wistiaEmbed.pause();
});
$(document).on('click', '.video-play', function() {
    wistiaEmbed.play();
});
$( "#video-play-pause" ).click(function() {
     $("#video-play-pause").toggleClass("video-pause").toggleClass("video-play");
});

关于javascript - Wistia API播放/暂停按钮，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26289431/