2014-10-09 157 views
1

我正在使用Wistia API,並希望有一個鏈接將切換Wistia視頻播放和暫停。我沒有任何問題讓視頻獨立播放或暫停,但當我在某個元素上切換該類時,它不再起作用。我究竟做錯了什麼?有任何想法嗎?Wistia API播放/暫停按鈕

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

回答

1

這都是關於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"); 
});