HTML - Finalizar video al cerrar una ventana Modal

 
Vista:
Imágen de perfil de Gonzalo Ezequiel
Val: 1
Ha aumentado su posición en 17 puestos en HTML (en relación al último mes)
Gráfica de HTML

Finalizar video al cerrar una ventana Modal

Publicado por Gonzalo Ezequiel (1 intervención) el 10/03/2020 15:24:27
Estimados,
La idea es que abra el modal con un video y un botón de cierre para la ventana.
Lo que me esta pasando es que el botón cierra el modal, pero queda el video corriendo de fondo.



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<div class="portfolio-modal modal fade" id="portfolioModal0" tabindex="-1" role="dialog" aria-labelledby="portfolioModal0Label" aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
      <div class="modal-content">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">
            <i class="fas fa-times"></i>
          </span>
        </button>
        <div class="modal-body text-center">
          <div class="container">
            <div class="row justify-content-center">
              <div class="col-lg-8">
                <!--  Modal - Titulo -->
                <h2 class="portfolio-modal-title text-secondary text-uppercase mb-0">Instalacion</h2>
                <!-- Icon Divider -->
                <div class="divider-custom">
                  <div class="divider-custom-line"></div>
                  <div class="divider-custom-icon">
                    <i class="fas fa-star"></i>
                  </div>
                  <div class="divider-custom-line"></div>
                </div>
                <!--  Modal - video -->
                <iframe class=" mb-5" width=100% height="315" src="https://www.youtube.com/embed/sbblEZ-xL6o" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
 
 
                <button class="btn btn-primary" href="#"  data-dismiss="modal">
                  <i class="fas fa-times fa-fw"></i>
                  Cerrar
 
                </button>
 
 
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>


muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de joel
Val: 1.453
Oro
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Finalizar video al cerrar una ventana Modal

Publicado por joel (460 intervenciones) el 10/03/2020 16:09:22
Hola Gonzalo, una menera que se me ocurre es con javascript... algo así:

1
2
3
<script>
document.querySelector("iframe.mb-5").src="";
</script>

Te sirve?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar