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

Question

当用户点击按钮时，我使用此代码将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:

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

非常感谢。

Answer 1

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

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

然后Ad将startVideo（）函数绑定到该函数上的单击事件。

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

就像我说的，我不确定它是否一定有效，但值得一试。另一件需要测试的事情是看看是否是startVideo没有确定地启动。只需在startVideo（）函数的开头粘贴一个警告（'hiya'），然后单击按钮检查它是否已经达到了这个程度。

希望能有所帮助。祝你好运