如何關閉此模式

Question

我無法關閉此模式：

<!-- Modal -->
<button class="open-button" data-toggle="modal" Text="Open Form" onclick="openForm()">Open Form</button>
<div class="form-popup" id="videobox" style="display:none;">
    <video id="myVideo" controls autoplay width="300" height="300" >
        <source src="<?php echo base_url('uploads/videos/VID-20191125-WA0059.mp4'); ?>" type="video/mp4">
            Sorry, your browser doesn't support the video element.
    </video>
    <button type="button" class="btn btn-primary" data-dismiss="modal">Close</button>
</div>

Answer 1

修改您的 HTML 代碼如下

<!-- Modal -->
 <button class="open-button" data-toggle="modal" Text="Open Form" 
  onclick="openForm()">Open Form</button>
 <div class="form-popup" id="videobox" style="display:none;">
    <video id="myVideo" controls autoplay width="300" height="300" >
      <source src="<?php echo base_url('uploads/videos/VID-20191125- WA0059.mp4'); ?>" 
        type="video/mp4">
        Sorry, your browser doesn't support the video element.
    </video>
 <button type="button" id="btnClosePopup" class="btn btn-primary" data- 
     dismiss="modal">Close</button>
 </div>

並將此 javascrip 代碼放入您的源代碼中

  <script type="text/javascript">
    $(function () {
      $("#btnClosePopup").click(function () {
        $("#videobox").modal("hide");
       });
    });
  </script>