Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

michelchile

Pausa na Musica

Recommended Posts

Fala galera, beleza?

Sou novo na area de programacao e estou comecando a brincar um pouco com javascript.

 

Eu criei uma pagina onde possui uma musica de fundo e alguns videos no youtube que carrega através do lightbox.

 

Eu estou tentando criar uma forma de pausar a musica quando eu chamo o lightbox e retomar quando eu fecho ele.

A mesma coisa para quando troco de guia no navegador.

 

Alguem tem ideia de como posso estar fazendo isso?

 

 

Obrigado!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa, desculpe a falta de informaçao, mas sim eu utilizava a tag audio.

 

Joguei o ID "pp" para as divs de abertura de video e efetuei um teste onde funcionou perfeitamente, bem da forma que eu gostaria!

 

 

O unico problema que tenho agora, é que de alguma forma quando clico em fechar ele nao retoma a musica. Usei ID diferente, mas ele nao encontra a função. Creio que pode ser alguma interferencia do Magnific Popup. Porque alterei da seguinte forma:

 

music-close.js:

var pp2 = document.getElementById("pp2");
var player = document.getElementById("player");

function isPlaying(audelem) { return !audelem.paused; }

function playPause(audelem){
	if(isPlaying(audelem)){
  	player.pause()
  }else{
  	player.play()
  }
}

pp2.onclick = function(e){
	e.preventDefault();
	playPause(player);
}

 

 

E dentro do magnific.js, na parte que ele cria o button, eu efetuei a alteracao para:

 

closeMarkup:'<button title="%title%" type="button" class="mfp-close" id="pp2">&times;</button>'

 

Inclusive depois confirmo se ele criou corretamente dentro do html e está perfeito:

<div class="mfp-iframe-scaler"><button title="Close (Esc)" type="button" class="mfp-close" id="pp9">×</button>

 

JS do Magnific completo: https://pastebin.com/WcrF6Tgj

 

Lembrando que criei um ID especificamente para o close do maginific.

Compartilhar este post


Link para o post
Compartilhar em outros sites

isso deve ser porque o código está sendo executado antes do close estar na tela.

 

você pode tentar atribuir depois o click ou jogar o fechar em uma função:

 

var playpause = function (e){
	e.preventDefault();
	playPause(player);
}
closeMarkup:'<button onclick="playpause()" title="%title%" type="button" class="mfp-close" id="pp2">&times;</button>'

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por asacap1000
      Galera salve salve!!
      Estou com um projeto em que são armazenados vídeos, porém seguindo os requisitos exigidos, para visualizar e baixar esses vídeos eles tem que aparecer com numero de cadastro do usuário que está acessando no centro do video como uma marca d'agua.
       
      Para simplesmente aparecer na tela eu consigo fazer uma camada superior com css e apresentar os dados do usuário mas para baixar o vídeo ele já faz sem a marca.
       
      Vocês conhecem algum recurso pra adicionar essa marca? ela não pode ficar no arquivo original pois outros usuário poderão baixar com sua identificação na tela.
       
      Se alguem puder me dar um norte ajudaria muito
    • Por GabrielKlockner
      Como eu poderia tirar essas bordas pretas do vídeo com CSS? Está configurado com width 100%, o que no desktop deixa a visualização perfeita mas em mobile fica com essas bordas pretas superiores e inferiores.

    • Por Juan Carlos PT
      Olá, eu quero poder pegar um vídeo do meu canal na Nimo TV e deixar ele em sites parceiros para fortalecer a minha divulgação. Só que não consigo capturar o código <video></video> do html5 do site na Nimo TV. Eles não mostram o formato do vídeo:
       

      Se alguém souber me ajudar, terei enorme gratidão!
       
      OBS: Perdão se alguém postou algo parecido aqui no site, não vi!

    • Por ghostdancing
      Olá, boa tarde! Estou utilizando um programa chamada anWriter para editar HTML no celular, mas a tag video não reproduz o video, só o audio, o que posso fazer?
    • Por Artur Mendonça
      Olá amigos.
      Estou a tentar fazer um sistema para upload de vídeos para criar uma base de dados.
      Já fiz um sistema para imagens e funciona na perfeição. Adaptei este código para upload de vídeo e recebo as mensagens de erro:
      Os (...) foi que coloquei para encurtar o caminho.
       
      Código da página para seleção e upload do vídeo:
      <?php session_start(); include_once "../conexao.php"; $agid = $_REQUEST['id']; $sql = "select * from tbl_album where albumid='$agid'"; $rs_result = mysqli_query($conectar, $sql); ?> <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Página Administrativa"> <meta name="author" content=""> <link rel="icon" href="imagens/imgadmin.ico"> <title>Administrativo</title> <link rel="stylesheet" href="../css/bootstrap.min.css"> <link rel="stylesheet" href="../css/style.css"> </head> <?php $agid = $_REQUEST['id']; $sql = "SELECT * FROM tbl_albumvideo WHERE albumid='$agid'"; $rs_result = mysqli_query($conectar, $sql); while ($row = mysqli_fetch_assoc($rs_result)) { $aname = $row["name"]; } ;?> <body> <?php include_once "admmenu.php"; ?> <div class="container theme-showcase" role="main" Style='margin-top: 100px'> <h1 class="page-header"><br />Adicionar vídeo</h1> <div class="row"> <div class="col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> Por favor selecione o vídeo </div> <div class="panel-body"> <div class="row"> <div class="col-lg-6"> <form action="processa/proc_cad_albumvideo2.php?id=<?php echo $agid ?>" method="POST" enctype="multipart/form-data" name="upload"> <div class="form-group"> <input type="file" name="arquivo" id="arquivo" value="arquivo"/> </div> <div class="form-group"> <input name="enviar" class="btn btn-primary" type="submit" id="enviar" value="Enviar"> </div> <div class="alert alert-danger" role="alert" style='margin-top:20px'> Esta operação poderá ser demorada, dependendo do tamanho do ficheiro a enviar e das suas condições de ligação à rede. <br/> <br/> Por favor seja paciente e não reinicie a página! </div> </form> </div> </div> </div> </div> </div> </div> </div> <script src="../js/jquery-3.2.1.slim.min.js"></script> <script src="../js/popper.min.js"></script> <script src="../js/bootstrap.min.js"></script> </body> </html> E este é o código para efetuar o upload e gravação na BD
      <?php ini_set('display_errors', 1); ini_set('display_startup_erros', 1); error_reporting(E_ALL); session_start(); include_once "../../conexao.php"; $adate = date('Y-m-d H:i:s'); $status = 'process'; $arquivo = $_FILES['arquivo']; $albumid = $_REQUEST['id']; $pasta = '../../videos/'; $resulta = mysqli_query($conectar, "SELECT * FROM tbl_albumvideo WHERE albumid='$albumid'"); $linhas = mysqli_fetch_assoc($resulta); $local = $linhas["local"]; $arqnome = $_FILES['arquivo']['name']; $ano = $linhas['ano']; $extensao = @end(explode('.', $arqnome)); $novonome = time() . "-" . rand() . "." . $extensao; $tmp = $_FILES['arquivo']['tmp_name']; $file = $pasta . $novonome; if (move_uploaded_file($tmp, $file)) { $query = mysqli_query($conectar, "INSERT INTO videos (video_name, local, ano,aid) VALUES ('$novonome','$local', '$ano', '$albumid')") or die(mysqli_error($conectar)); if ($query) { echo "<META HTTP-EQUIV=REFRESH CONTENT = '0;URL=http://(...)/addgalleryvideo.php'> <script type=\"text/javascript\"> alert(\" O vídeo foi guardado com sucesso.\"); </script>";} else {echo " <META HTTP-EQUIV=REFRESH CONTENT = '0;URL=http://(...)/addgalleryvideo.php'> <script type=\"text/javascript\"> alert(\" O Vídeo não foi guardado.\"); </script> "; } } Linha 14 : $arquivo = $_FILES['arquivo']; 
      Linha 21: $arqnome = $_FILES['arquivo']['name'];
      Linha 27: $tmp = $_FILES['arquivo']['tmp_name'];
       
      Desde já muito obrigado.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.