javascript - Youtube API - 将视频淡入到 div - 在 Opera 10 中不起作用

Question

当用户单击按钮并自动播放时，我正在使用此代码将 youtube 视频淡入 #vid div。它在所有浏览器中都能完美运行，但由于某种原因，当我尝试单击 Opera 10.5 中的按钮时，没有任何 react 。请知道什么可能是错误的以及如何解决它？

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>

广告然后将 startVideo() 函数绑定(bind)到其上的点击事件。

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

就像我说的那样，我不确定它是否肯定会起作用，但值得一试。另一件要测试的事情是看看它是否是 startVideo 肯定没有触发。只需在 startVideo() 函数的开头粘贴一个 alert('hiya') 并单击按钮以检查它是否已经到达那么远。

希望有帮助。祝你好运。