Démarrer la vidéo quand elle devient active

Question

J'essaie de trouver un moyen de démarrer la lecture de ma vidéo dès qu'elle devient active dans la fenêtre d'affichage. La vidéo sera dans un tas de texte d'un article et je voudrais à jouer que lorsque l'utilisateur fait défiler vers le bas pour qu'il

 <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

Si vous pouvez utiliser jQuery, points de passage est ce que vous cherchez: http://imakewebthings.com/waypoints/