0

video.jsプラグインを使用していて、サイトの読み込み時に再生されるビデオイントロがあります。これは、ページが読み込まれるとすぐに自動再生されることで機能し、zインデックスが付けられ、ホームページにオーバーレイされるdivコンテナにあります。

jqueryを設定してからdelay()、fadeOut()divを設定してホームページを表示します。

理論的には、接続速度が異なるのは全員だけであり、fadeOut()多くの場合、早すぎたり遅すぎたりします。

fadeOut()ビデオが停止したときに私のdivに行く方法はありますか？

これが私のjQueryです：

$(document).ready(function() {
        $("#overlay-video").delay(10000).fadeOut('slow');
   });

編集：私も次のことを試しましたが、これも機能しません：

$(document).ready(function(){
  $("#movie-id").bind('ended', function(){
    alert("planet earth");
  });
});

返信ありがとうございます。私のHTMLは次のようになります。

<div id="overlay-video">
    <!-- Begin Video.js -->
    <video id="movie-id" class="video-js vjs-default-skin alignleft" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" controls preload="auto" autoplay data-setup="{}">
        <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
        <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm; codecs="vp8, vorbis"' />
        <source src="http://video-js.zencoder.com/oceans-clip.ogg" type='video/ogg; codecs="theora, vorbis"' />
    </video>
    <!-- End Video.js -->
</div>

ビデオ要素をうまくフェードアウトできるので、jQueryは機能しています。

4

1 に答える 1

2

いくつかのこと：

  1. doc.readyホームページのすべてのスクリプトに必要な fxn は1 つだけです
  2. メソッドを使用しますon()（jQuery 1.7+を使用）
  3. 最も重要なことは、関数内にfadeOut()ある必要があることですon('ended')

一般的な HTML5<video>ソリューションとして、これは機能するはずです: http://jsfiddle.net/trpeters1/XzCMb/1/

$(document).ready(function(){
    $("#movie-id").on('ended', function() {             
        console.log('im done');
        $("#overlay-video").delay(10000).fadeOut('slow');
    });
});

ただし、Video-js では video.js オブジェクトの呼び出しが必要なようです。そのため、代わりに次のようにします: http://help.videojs.com/discussions/questions/509-videojs-and-passing-an-event-at-ビデオの終わり

_V_("#movie-id").ready(function(){ //note the different selector for the ready() fxn
   this.addEvent("ended", function(){ //adding "ended" event to video-js object
     {   console.log('im done');
        $("#overlay-video").delay(10000).fadeOut('slow');
      } 
   });
 });
于 2012-05-08T12:57:11.010 に答える