Wistia API 播放/暂停按钮答案

【问题标题】：Wistia API play/pause buttonWistia API 播放/暂停按钮
【发布时间】：2014-12-05 00:48:26
【问题描述】：

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

【问题讨论】：

标签： javascript jquery api wistia

【解决方案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");
});

【讨论】：

【解决方案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 */ });

【讨论】：