2016-08-02 20 views
1

我试图在ustream的嵌入式播放器上放置一个覆盖图(倒计时...)。显然我做错了什么,因为下面的函数不会产生预期的结果。如果任何人都能看清它,并指出我正确的方向,这将是非常感谢! [这甚至可能吗?]这个函数检查iFrame中的类有什么问题?

<script> 
$('#ustream-iframe').load(function() { 
    if ($("#ustream-iframe").contents().find("#PlayerOne").hasClass("screen-shown")) { 
     $("#offair").show(); 
    } 

    else { 
     $("#offair").hide(); 
    } 
}); 
</script> 
+0

如何使用委托。 –

+0

我已经解决了API的问题 - 也许更优雅。至于你的评论,我真的应该提到我对JavaScript的理解介于'非常糟糕'和'不存在'之间 - 所以当你说'使用委托'的时候,我并不完全遵循,但是如果需要的话,我会应该谷歌在这个方向。感谢指针! – teafields

+0

达到了你的目标?如果是这样,我很高兴地说“你很好”。仔细阅读jquery官方网站上的代理API描述。 –

回答

0

事实证明,对于我想要实现的,最简单的解决方案是使用哪些功能所需的回调挂钩Ustream embed API

像这样:

<script> 
    $(document).ready(function(){ 
    var channelLive = function(){ 
     $('#offair').hide(); 

    } 
    var channelOffline = function(){ 
     $('#offair').show(); 

    } 
    var viewer = UstreamEmbed('ustream-iframe'); 
    viewer.addListener('live', channelLive); 
    viewer.addListener('offline', channelOffline); 



}); 
</script>