Question

我使用Html设计了一个视频问题，并且我已经使用Jquery删除了视频控件，因此我需要具有onclick功能，例如当我们点击应该播放的视频时，如果再次点击它应该暂停。< / p>

Answer 1

您可以play或pause这样的视频。这应该能够切换：

$(document).ready(function(){ 
    $('YOUR_VIDEO_ID_OR_CLASS').click(function(){ 
       $(this).get(0).paused ? $(this).get(0).play() : $(this).get(0).pause(); 
    }); 
 });

Answer 2

一种简单的方法可能是这样的：

$(function() {
    var video = $('video')[0];
    $('button').click(function() {
        if( video.paused ) {
            video.play();
        }
        else {
            video.pause();
        }
    });
});

Fiddle Example

您可以将'button'更改为另一个元素作为播放/暂停的触发器。如果您只想点击要播放的视频并将其暂停，您也可以将其更改为自己的视频。

Answer 3

在你的HTML代码下面

  <video id="video" width="1180" height="664" poster="put here your poster url" preload="auto">
        <source src="put here your video url" type="video/mp4">      
   </video>

以下jquery代码

  var video = document.getElementById("video");
  video.addEventListener("click", function(event) { 
        if (video.paused == true) {
             video.play();
        }
        else{
             video.pause();
        }
  });

Answer 4

这就是你需要的：

<script type="text/javascript"> 
function vidplay() { 
var video = document.getElementById("Video1"); 
var button = document.getElementById("play"); 
if (video.paused) { 
video.play(); 
button.textContent = "||";
 } 
else 
{ 
video.pause(); 
button.textContent = ">"; 
} 
} 
</script>

用于播放视频的视频Onclick功能

4 个答案: