Solucionar problema de áudio ao fechar janela modal com vídeo

  • Autor Autor satanson
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
satanson

satanson

Gamma
Verificado
Verificación en dos pasos activada
Usuário com poucas negociações! Use sempre o saldo do ForoBeta!
Hola betas, estoy creando una pequeña ventana para colocar videos en position fixed, pero cuando cierro la ventana se sigue escuchando el audio. Alguien me puede decir como lo soluciono?. Mas abajo dejo las lineas de codigo.

HTML: 
<script type="text/javascript">
 function closeDialog() {
        let d = document.getElementById("modalwindow")
        d.style.display = "none"
        d.close()
    }
</script>
<div id="modalwindow" class="position-fixed" style="top:40%;right:10px;z-index:2000;">
<div class="card border-0" style="width: 300px; background:none;">
  <div class="card-body p-0"><div style="float:right;cursor: pointer;background:#ccc;padding:0 5px 0 5px;color:#000;" value="Confirm" onclick="closeDialog()">Cerrar</div>
<iframe src="https://www.youtube.com/embed/CbsCoDAnmnk?si=V-kdQPSRVUpV6QAG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  </div>
</div>
</div>
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Continuar com o Google Criar conta com e-mail
Leva 30 segundos · você volta a este tópico ao terminar
satanson disse:
Hola betas, estoy creando una pequeña ventana para colocar videos en position fixed, pero cuando cierro la ventana se sigue escuchando el audio. Alguien me puede decir como lo soluciono?. Mas abajo dejo las lineas de codigo.

HTML: 
<script type="text/javascript">
 function closeDialog() {
        let d = document.getElementById("modalwindow")
        d.style.display = "none"
        d.close()
    }
</script>
<div id="modalwindow" class="position-fixed" style="top:40%;right:10px;z-index:2000;">
<div class="card border-0" style="width: 300px; background:none;">
  <div class="card-body p-0"><div style="float:right;cursor: pointer;background:#ccc;padding:0 5px 0 5px;color:#000;" value="Confirm" onclick="closeDialog()">Cerrar</div>
<iframe src="https://www.youtube.com/embed/CbsCoDAnmnk?si=V-kdQPSRVUpV6QAG" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
  </div>
</div>
</div>
Clique para expandir...
Eliminando la url en "src" del iframe.
 
Pon la URL en una variable, luego cuando abras la ventana cambias el Source del iframe por tu variable, luego cuando cierras dejas el Source en " "
Y si abren el modal de nuevo cargas lees la variable
 
moiseseccam disse:
Pon la URL en una variable, luego cuando abras la ventana cambias el Source del iframe por tu variable, luego cuando cierras dejas el Source en " "
Y si abren el modal de nuevo cargas lees la variable
Clique para expandir...
No puedo poner la url en una variable por no tengo ni idea xD, ademas el contenido los llamo con una veriable $settings['iframe']. como se podria eliminar todo el contenido de iframe? creo que seria una solucion pero no se como se hace.
 
YeltsinReyes disse:
Eliminando la url en "src" del iframe.
Clique para expandir...
Se que si, pero no se como. Pero no sabes como podria reemplazar todo el contenido de que halla en un <div></div> por que el contenido de dicho modal lo llama con una variable $settings['modal'].
 
OSTRAS!!!! acabo de ver esto en otra pagina y me funciono:
JavaScript: 
    <script type="text/javascript">
     function closeDialog() {
    const element = document.getElementById("modalwindow");
    element.remove();
        }
    </script>
 
satanson disse:
No puedo poner la url en una variable por no tengo ni idea xD, ademas el contenido los llamo con una veriable $settings['iframe']. como se podria eliminar todo el contenido de iframe? creo que seria una solucion pero no se como se hace.
Clique para expandir...

En el javascript puedes hacerlo, ponle un id al iframe y luego lo llamas con document.getElementById('id_del_elemento') y editas su propiedad src del iframe
 
satanson disse:
Se que si, pero no se como. Pero no sabes como podria reemplazar todo el contenido de que halla en un <div></div> por que el contenido de dicho modal lo llama con una variable $settings['modal'].
Clique para expandir...
Este elimina la url del src del iframe!

HTML: 
<script type="text/javascript">
function closeDialog(){

    let d = document.getElementById("modalwindow");
    d.style.display = "none";
    d.close();
   
    document.getElementById("modalwindowiframe").src = '';
   
}
</script>

<div id="modalwindow" class="position-fixed" style="top:40%;right:10px;z-index:2000;">
    <div class="card border-0" style="width: 300px; background:none;">
        <div class="card-body p-0">
       
            <div style="float:right;cursor: pointer;background:#ccc;padding:0 5px 0 5px;color:#000;" value="Confirm" onclick="closeDialog()">Cerrar</div>
           
            <iframe src="https://www.youtube.com/embed/CbsCoDAnmnk?si=V-kdQPSRVUpV6QAG" title="YouTube video player" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen id="modalwindowiframe"></iframe>
           
        </div>
    </div>
</div>
 
moiseseccam disse:
En el javascript puedes hacerlo, ponle un id al iframe y luego lo llamas con document.getElementById('id_del_elemento') y editas su propiedad src del iframe
Clique para expandir...
YeltsinReyes disse:
Este elimina la url del src del iframe!

HTML: 
<script type="text/javascript">
function closeDialog(){

    let d = document.getElementById("modalwindow");
    d.style.display = "none";
    d.close();
  
    document.getElementById("modalwindowiframe").src = '';
  
}
</script>

<div id="modalwindow" class="position-fixed" style="top:40%;right:10px;z-index:2000;">
    <div class="card border-0" style="width: 300px; background:none;">
        <div class="card-body p-0">
      
            <div style="float:right;cursor: pointer;background:#ccc;padding:0 5px 0 5px;color:#000;" value="Confirm" onclick="closeDialog()">Cerrar</div>
          
            <iframe src="https://www.youtube.com/embed/CbsCoDAnmnk?si=V-kdQPSRVUpV6QAG" title="YouTube video player" frameborder="0"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
            referrerpolicy="strict-origin-when-cross-origin" allowfullscreen id="modalwindowiframe"></iframe>
          
        </div>
    </div>
</div>
Clique para expandir...
Gracias!!!
 
moiseseccam disse:
En el javascript puedes hacerlo, ponle un id al iframe y luego lo llamas con document.getElementById('id_del_elemento') y editas su propiedad src del iframe
Clique para expandir...
Gracias!!!
 
Você precisa estar logado ou cadastrado para responder aqui.

Tópicos similares

yoclens
Modificar e excluir registros com janela modal
Respostas
3
Visitas
858
yoclens
yoclens
AlexKyle
Modificar modal para fechar janela
Respostas
4
Visitas
363
eddsonh
eddsonh
B
Tutorial para janela modal com botão de fechar
Respostas
1
Visitas
231
georgemps
georgemps
Voltar
Topo