0

コンセプトはこれです。ビデオのJSコードをdivに配置すると、そのdivがクリックされたときに実行されるjQueryコードが作成されます。IE再生/一時停止、またはビデオ内の何かを実行すると、イベントがトリガーされます。私の例では、テキストの表示を遅らせました。

ここに見られるように

http://jsfiddle.net/R9Wm4/7/

これを実行する場合はFFであり、IEで実行する場合は正常に機能します。またはChromeはクリックイベントをトリガーしません。

この動作は、YouTube、Vimeo、Amazon s3 ETCに関係なく、JSが埋め込まれたすべてのビデオに適用されます。

私が間違っていることはありますか、それとも回避策がありますか（つまり、Div全体に明確な画像または何かを置くと、これは私を夢中にさせます..）

注：クリックの代わりにMouseDownイベントを使用しようとしましたが、これは機能しますが、シングルクリックでビデオが開始されません：-/（FFでは正常に機能します）

jsFiddleが気に入らない場合は、JSコードをご覧ください。

$(function(){
  $('.content').hide();
  $('#delay-start').click(function(){
    if($('.content').is(':hidden')){
        $('.content').delay(1500).fadeIn(1000);
        return false;
    }
  });
});

そしてHTML：

<div id='delay-start'>
<script type="text/javascript">
  var playerhost = (("https:" == document.location.protocol) ? "https://market-review.s3.amazonaws.com/comprehensive-market-review-november11/ezs3js/secure/" : "http://market-review.s3.amazonaws.com/comprehensive-market-review-november11/ezs3js/player/");

document.write(unescape("%3Cscript src='" + playerhost + "flv/460089AC-DCB0-154F-0F5574AA57B9963A.js?t="+(Math.random() * 99999999)+"' type='text/javascript'%3E%3C/script%3E"));
</script>
</div>
<div class='content'>
  <p>Welcome to my Hidden and Magical Text! Enjoy Your life</p>
</div>
4

1 に答える 1

0

これは、インターネットのブレイン トラストにとっては大きすぎる問題のようです。そこで、クリック機能を削除し、遅延タイマーとビデオの自動再生を設定しました。すべてのブラウザーで機能するソリューション:-)

于 2012-02-13T20:26:31.687 に答える