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数据绑定有关。使用'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");
});

Answer 2

Wistia有它的默认方法来处理这个问题，这里wstObject是框架的对象。 this.wstObject.bind("play", function () {// goes here when click play}); this.wstObject.bind("end", function (t) { // goes here when video has ended}); this.wstObject.bind("pause", function (t) {// goes here when click pause});

对不起格式化，我对此并不擅长。