2013-07-19 57 views
0

我使用此代碼淡入YouTube視頻到#vid div當用戶點擊按鈕,並自動播放它。它適用於所有瀏覽器,但由於某些原因,當我嘗試點擊Opera 10.5中的按鈕時,沒有任何反應。任何想法可能是錯誤的,以及如何解決它,請?YouTube的API - 淡入視頻到div - 不工作在Opera 10

的Javascript:

// create youtube player 
    var player; 
    function onYouTubePlayerAPIReady() { 
     player = new YT.Player('vid', { 
     height: '539', 
     width: '958', 
     videoId: 'CZ0Jorye0jU', 
     events: { 
      'onStateChange': onPlayerStateChange 
      } 
     }); 
    } 
    // when video ends 
    function onPlayerStateChange(event) {   
     if(event.data === 0) {    
     $("#vid").fadeOut(500); 
     } 
    } 
    function startVideo() { 
     $("#vid").fadeIn(2000); 
     player.playVideo(); 
     $("html, body").animate({ scrollTop: 160 }, 600); return false; 
    }; 

HTML:

<a href="javascript:startVideo();" class="eshop index" style="width:319px; left:320px; border-right:1px solid white;">Prehrať ukážku</a> 

非常感謝。

回答

0

我不確定這是否可行,但不是在href中使用JavaScript,爲什麼不添加類I.e.然後

<a class="startVideo eshop index" style="width:319px; left:320px; border-right:1px solid white;">Prehrať ukážku</a> 

廣告startVideo()函數綁定到一個點擊事件。

$('.startVideo').click(function() { startVideo(); }); 

就像我說的,我不知道,如果它肯定會工作,但它值得一試。要測試的另一件事是看看它是不是肯定開火的startVideo。只需在startVideo()函數的開始處貼上警報('hiya'),然後單擊按鈕即可檢查它是否已經達到目標。

希望有所幫助。祝你好運。