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 数据绑定的。使用'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 */ });