【发布时间】:2015-10-13 19:53:23
【问题描述】:
我的页面上有一个嵌入式 SC 播放器,我希望用户能够从页面上的链接跳转到声音文件中的特定时间码。我已经让它为第一次点击工作。但是,如果用户随后点击了另一个链接,SC 播放器将忽略它。它只是继续播放并忽略输入。
这是我的相关代码:
function playSC(seekto){
seekto = HMSToMS(seekto);
var container = document.getElementById("SCPlayer");
var iframe = container.getElementsByTagName("iframe");
var widgetIframe = iframe[0],
widget = SC.Widget(widgetIframe);
widget.bind(SC.Widget.Events.READY, function() {
widget.play();
});
widget.bind(SC.Widget.Events.PLAY, function() {
widget.seekTo(seekto);
});
widget.bind(SC.Widget.Events.SEEK, function() {
widget.unbind(SC.Widget.Events.PLAY);
});
widget.bind(SC.Widget.Events.PAUSE, function() {
widget.unbind(SC.Widget.Events.PLAY);
});
widget.bind(SC.Widget.Events.PLAY, function() {
widget.unbind(SC.Widget.Events.PLAY);
});
}
var container = document.getElementById("SCPlayer");
var iframe = container.getElementsByTagName("iframe");
var widgetIframe = iframe[0],
widget = SC.Widget(widgetIframe);
seekto = getParameterByName('t');
if (seekto){
(function(){
playSC(seekto);
}());
}
SC 播放器是通过 Wordpress 插件嵌入的,通过 DOM 访问它有点棘手,因为我不能只为它分配一个唯一的 ID。
用户点击的href是这样的:javascript:playSC("00:01:21");
我在这里缺少什么?在第二次(或第三次或第四次)点击时,为什么播放器不停止,寻找新的时间并重新开始播放?
【问题讨论】:
标签: javascript wordpress embed soundcloud