Как закрыть этот модал - PullRequest
Новая
       15

Как закрыть этот модал

1 голос
/ 27 февраля 2020

Я не могу закрыть этот модал: 

<!-- 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>

1 Ответ

2 голосов
/ 27 февраля 2020

Измените свой 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>
...