1

ユーザーがjQueryのウェイポイントプラグインを使用してスクロールすると、HTML5ビデオを再生しようとしています。

これが私のコードです：

$(document).ready(function() { videoSetup(); });
function videoSetup() {

    var video = $("#video");

    video.waypoint(function(direction) {
        video.get(0).play();
    });   

}

ビデオがスクロールされると何も起こらないようにします。

4

1 に答える 1

1

HTML マークアップは次のようになります。

<div class="video-test">
  <video id="video1" width="960">
    <source src="video-folder/video.mp4" type="video/mp4"> 
  </video>
</div>

video-test次に、コンテナのウェイポイントでビデオをロードする JavaScriptは次のようになります。

$(document).ready(function() { 
      var myVideo=document.getElementById("video1");

      $('.video-test').waypoint(function() {                
        myVideo.play(); 
        }, {
              offset: '50%',  // middle of the page
              triggerOnce: true // just my preference...
      });
});
于 2013-07-24T14:11:26.573 に答える