2016-08-02 80 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>