pausar audio para não atrapalhar a reprodução de video

25/10/2016

0

olá eu tenho dúvidas????
Gostaria de saber como faço para pausar o áudio quando clicar no botão de reproduzir o vídeo que funcione no internet Explorer, e vice versa.
Pois eu usei este código mas não funciona. para o Internet Explorer.
<html>
<head>
<title>Documento sem título</title>
<script type="text/javascript">

function vidplay() {
var video = document.getElementById("Video1");
var button = document.getElementById("play");
if (video.paused) {
video.play();
button.textContent = "||";
} else {
video.pause();
button.textContent = ">";
}
}
</script>
</head>
<body>
<a href="#" onclick="pause()"><video id="Video1" onclick="vidplay()" autoplay="autoplay">
<source src="video1.mp4" type="video/mp4" />
</video> </a>
<audio id="audio">
<source src="audio1.ogg" type="audio/ogg">
<source src="audio1.mp3" type="audio/mpeg">
Seu navegador não possui suporte ao elemento audio
</audio>

<div>
<button onclick="document.getElementById('Video1').pause()"><a href="#" onclick="play()">Play</a></button>
<a href="#" onclick="pause()">Pause</a>
<a href="#" onclick="stop()">Stop</a>
</div>
<div>
<a href="#" onclick="aumentar_volume()"> + volume</a>
<a href="#" onclick="diminuir_volume()"> - volume</a>
<a href="#" onclick="mute()"> Mute</a>
</div>
<script>
audio = document.getElementById('audio');

function play(){
audio.play();
}

function pause(){
audio.pause();
}

function stop(){
audio.pause();
audio.currentTime = 0;
}

function aumentar_volume(){
if( audio.volume < 1) audio.volume += 0.1;
}

function diminuir_volume(){
if( audio.volume > 0) audio.volume -= 0.1;
}

function mute(){
if( audio.muted ){
audio.muted = false;
}else{
audio.muted = true;
}
}
</script>
</body>
</html>
DESDE já grato a todos.....
Rondinelli Jesus

Rondinelli Jesus

Responder

Posts

07/11/2016

Calebe Menezes

Opa, acho que isso dá para ser feito com javascript.

Vou dar uma olhada e ver isso para você.
Responder

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar