Video starten Wenn es im Fokus steht

Question

Ich versuche einen Weg zu finden, wie mein Video erst abgespielt wird, wenn es im Fokus des Ansichtsfensters steht. Das Video in einem Bündel von Text eines Artikels sein wird, und ich würde es nur gerne spielen, wenn der Benutzer nach unten scrollt, um es

 <script> 
    window.onload = function() { 

    // Video 
    var video = document.getElementById("video"); 

    // Buttons 
    var playButton = document.getElementById("play-pause"); 
    var playButtonImg = document.getElementById("playButtonImg"); 
    var muteButton = document.getElementById("mute"); 
    var muteButtonImg = document.getElementById("muteButtonImg"); 

    // Event listener for the play/pause button 
    playButton.addEventListener("click", function() { 
     if (video.paused == true) { 
      // Play the video 
      video.play(); 

      // Update the button text to 'Pause' 
      playButtonImg.src = "pause-sm.png"; 
     } else { 
      // Pause the video 
      video.pause(); 

      // Update the button text to 'Play' 
      playButtonImg.src = "play-sm.png"; 
     } 
    }); 

    video.addEventListener("ended", function(){ 
    playButtonImg.src = "replay-sm.png"; 
    }); 

    // Event listener for the mute button 
    muteButton.addEventListener("click", function() { 
     if (video.muted == false) { 
      // Mute the video 
      video.muted = true; 

      // Update the button text 
      muteButtonImg.src = "mute-sm.png"; 
     } else { 
      // Unmute the video 
      video.muted = false; 

      // Update the button text 
      muteButtonImg.src = "volume-sm.png"; 
     } 
    }); 

    // Pause the video when the seek handle is being dragged 
    seekBar.addEventListener("mousedown", function() { 
     video.pause(); 
    }); 
    } 
    </script> 

Answer 1

Wenn Sie jQuery verwenden können, Wegpunkte ist, was Sie suchen: http://imakewebthings.com/waypoints/