时间戳

首页 > 解决方案 > 如何通过单击关闭按钮停止/暂停视频

jquery - 如何通过单击关闭按钮停止/暂停视频

问题描述

我尝试使用 jQuery 代码通过单击关闭 (X) 按钮来暂停视频。但它不起作用。请帮助我正确的代码如何做到这一点。我有以下代码。

<div class="popup__overlay">
    <div id="popupVid" class="popup">
        <a class="close">X</a>
        <br />
        <video id="framevideo" controls="controls" width="500">
            <source src="https://eocares.com/wp-content/uploads/2018/12/Website-version1.mp4" type="video/mp4" />
            <br />
        </video>
    </div>
</div>

jQuery代码：

jQuery(".close").click(function() {
    jQuery('video')[0].pause();
});

标签： jquery

解决方案

如果您点击此处播放和暂停视频，只需执行以下简单代码：

$(document).ready(function() {
   var click = 0;
   $('video')[0].play();
   $(".close").click(function() {
    if ( parseInt(click) % 2 == 0 ) {
          $('video')[0].pause();
    } else {
        $('video')[0].play();
    }
     click++;

  });
});

希望这可以帮助。

推荐阅读