Question

我想添加按钮，或者只是让视频文件夹可点击，播放/暂停在网页启动时自动播放的视频。

在Stack上查看了这个问题，但是无法将它拼凑在一起以适应我的jQuery。

任何帮助将不胜感激！感谢

的jQuery

$(document).ready(function(){
    $('#videoholder').append(
        '<video width="600px" autoplay>' + 
            '<source src="Images/event-video.mp4" type="video/mp4"></source>' +
        '</video>');

});

HTML

<div id="videoholder"></div>

Answer 1

对于播放和暂停，您可以从jQuery集合中获取普通DOM元素，并在.play()中检查播放状态后，在视频上使用.pause()和.paused：< / p>

$(document).ready(function(){
    var theVideo = $('<video width="600px" autoplay>' + 
            '<source src="https://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4"></source>' +
        '</video>'),
    	videoHolder = $('#videoholder');
    videoHolder.append(theVideo);

    videoHolder.on("click", function() {
      var videoEl = theVideo[0];
      if (videoEl.paused) {
        videoEl.play();
      } else {
        videoEl.pause();
      }
    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="videoholder"></div>

Answer 2

这个Jquery代码让vedeoholder在点击播放/暂停之间切换：

$(document).ready(function() {
    $('#videoholder').click(function() {
        var video=$(this).children("video")[0];
        video.paused ? video.play() : video.pause();
    });
});

使用jQuery播放/暂停mp4视频

2 个答案: