como fecha audio da janela modal
<style>
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(9, 9, 9, 1);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 800px;
position: relative;
margin: 5% auto;
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 30px #000;
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }
.modalpic {
float: left;
padding: 6px;
width: 300px;
display: block;
border: 4px solid #ffffff;
border-radius: 30%;
box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
margin-right: 100%;
margin-bottom: 20px;
}
$ ( "corpo" ). on ( 'hidden.bs.modal' , '.modal' , função () {
$ ( 'video' ). trigger ( 'pause' );
});
</style>
<a href="#abrirModal">Abrir Modal</a>
<div id="abrirModal" class="modalDialog">
<div>
<a class="close" title="Fechar" href="#close">X</a>
<center>
<iframe src="http://video.pw/e/5sucqllnhnzh04s/" scrolling="no" frameborder="0" width="640px" height="480px"></iframe>
</center>
</div>
</div>
.modalDialog {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(9, 9, 9, 1);
z-index: 99999;
opacity:0;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
pointer-events: none;
}
.modalDialog:target {
opacity:1;
pointer-events: auto;
}
.modalDialog > div {
width: 800px;
position: relative;
margin: 5% auto;
-moz-box-shadow: 1px 1px 30px #000;
-webkit-box-shadow: 1px 1px 30px #000;
box-shadow: 1px 1px 30px #000;
}
.close {
background: #606061;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: -12px;
text-align: center;
top: -10px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #00d9ff; }
.modalpic {
float: left;
padding: 6px;
width: 300px;
display: block;
border: 4px solid #ffffff;
border-radius: 30%;
box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 3px 6px 8px 1px rgba(0, 0, 0, 0.3);
margin-right: 100%;
margin-bottom: 20px;
}
$ ( "corpo" ). on ( 'hidden.bs.modal' , '.modal' , função () {
$ ( 'video' ). trigger ( 'pause' );
});
</style>
<a href="#abrirModal">Abrir Modal</a>
<div id="abrirModal" class="modalDialog">
<div>
<a class="close" title="Fechar" href="#close">X</a>
<center>
<iframe src="http://video.pw/e/5sucqllnhnzh04s/" scrolling="no" frameborder="0" width="640px" height="480px"></iframe>
</center>
</div>
</div>
Jose Bagagin
Curtidas 0
Respostas
Ronaldo Lanhellas
18/02/2015
Pode dar mais detalhes do seu problema ? Você apenas postou o código , explique o que você precisa.
GOSTEI 0
Jose Bagagin
18/02/2015
este codigo ai abre um filme online ate ai blz mas quando fecho a modal o audio continua rolando pode m ajuda
GOSTEI 0
Jose Bagagin
18/02/2015
Ronaldo este codigo ai abre um filme online ate ai blz mas quando fecho a modal o audio continua rolando pode m ajuda
GOSTEI 0
Ronaldo Lanhellas
18/02/2015
Aparece algum erro no console do browser ao executar a linha "$ ( 'video' ). trigger ( 'pause' ); " ?
Depure o seu código e veja se ele chega nesta linha ao fechar o MODAL.
Depure o seu código e veja se ele chega nesta linha ao fechar o MODAL.
GOSTEI 0
Ronaldo Lanhellas
18/02/2015
Aparece algum erro no console do browser ao executar a linha "$ ( 'video' ). trigger ( 'pause' ); " ?
Depure o seu código e veja se ele chega nesta linha ao fechar o MODAL.
Depure o seu código e veja se ele chega nesta linha ao fechar o MODAL.
GOSTEI 0