Problèmes de lecture/pause vidéo HTML5

Question

J'ai une vidéo html5 sur la page Web. Mais je veux que ce soit une pause/lecture sur la vidéo elle-même, mais pas en cliquant sur les contrôles vidéo comme le volume, etc.

Merci d'avance pour votre aide précieuse

Answer 1

tag HTML5 <video> ne permet pas cette option par défaut. Cependant, vous pouvez utiliser javascript pour contrôler votre vidéo (le faire réagir à divers événements).

Voici quelques liens qui traite de ces questions:

• Controlling HTML5 video with javascript
• SO question - controling video with JQuery
• Interact with HTML5 video

Essayez l'une des approches dans ces arcitcles et il devrait être facile - et essayez de montrer une partie de votre code en posant une question - il nous sera plus facile de vous donner une réponse plus détaillée :-)

Par exemple, vous pouvez ajouter quelques onClickEvent à votre vidéo ou de son contenant, puis écrire js fonction pour arrêter la vidéo (en y accédant avec son id) ...

Answer 2

Voici ce que vous pouvez faire

var myVideo = document.getElementById("video1"); 

/* 
* for playing and pausing the video 
*/ 
function playPause() { 
     if (myVideo.paused) 
      myVideo.play(); 
     else 
      myVideo.pause(); 
} 

HTML

<button onclick="playPause()">Play/Pause</button> 
<video id="video1" width="420"> 
    <source src="resources/videos/your_video.webm" type="video/webm"> 
      Your browser does not support HTML5 video. 
    </source> 
</video> 

Hope this résout votre problème.