javascript - Wistia API 播放/暂停按钮

Question

我正在使用 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");
});

Answer 1

这都是关于 jQuery 数据绑定(bind)的。用‘on’就可以解决了。所以代码将是 -

$(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");
});