0

このコードを使用して、ユーザーがボタンをクリックして自動的に再生すると、YouTube ビデオを #vid div にフェードインします。すべてのブラウザーで問題なく動作しますが、何らかの理由で Opera 10.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>

どうもありがとう。

4

1 に答える 1

0

これが機能するかどうかはわかりませんが、href で JavaScript を使用する代わりに、クラス Ie を追加してみませんか?

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

次に、startVideo() 関数をそのクリック イベントにバインドします。

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

私が言うように、それが確実に機能するかどうかはわかりませんが、試してみる価値はあります. テストするもう 1 つのことは、確実に起動していないのが startVideo であるかどうかを確認することです。startVideo() 関数の先頭にアラート ('hiya') を挿入し、ボタンをクリックして、そこまで到達しているかどうかを確認します。

それが役立つことを願っています。幸運を。

于 2013-07-21T08:33:00.260 に答える