Javascript Youtube API-fadeIn视频到div-不适用于Opera 10

Javascript Youtube API-fadeIn视频到div-不适用于Opera 10,javascript,youtube,cross-browser,youtube-api,Javascript,Youtube,Cross Browser,Youtube Api,我正在使用这段代码,当用户点击按钮时,将youtube视频淡入#vid div并自动播放。它在所有浏览器中都能完美工作,但由于某种原因,当我尝试在Opera10.5中单击按钮时,什么都没有发生。你知道什么地方出了问题,怎么解决吗 Javascript: // create youtube player var player; function onYouTubePlayerAPIReady() { player = new YT.Player('vid', {

我正在使用这段代码,当用户点击按钮时,将youtube视频淡入#vid div并自动播放。它在所有浏览器中都能完美工作,但由于某种原因,当我尝试在Opera10.5中单击按钮时,什么都没有发生。你知道什么地方出了问题,怎么解决吗

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:



非常感谢。

我不确定这是否可行,但与其在href中使用JavaScript,为什么不添加一个类,即

<a class="startVideo eshop index" style="width:319px; left:320px; border-right:1px solid white;">Prehrať ukážku</a>
就像我说的,我不确定它是否一定会起作用,但值得一试。另一件要测试的事情是看是否是startVideo不能确定地发射。只需在startVideo()函数的开头粘贴一个警报('hiya'),然后单击该按钮以检查它是否达到了这个程度

希望有帮助。祝你好运

<a class="startVideo eshop index" style="width:319px; left:320px; border-right:1px solid white;">Prehrať ukážku</a>
$('.startVideo').click(function() { startVideo(); });