Pausar Musica Si Video Activado

TamerOfDragons · #1 (**permalink**) 03/03/2013, 11:35

Hola maestros, creé un blog hace poco y le puse música, usé SCM Music Player.

Puse en un Gatget:


<script type="text/javascript" src="http://scmplayer.net/script.js"
data-config="{'skin':'skins/simpleOrange/skin.css','volume':35,'autoplay':true,'shuffle':fa lse,'repeat':1,'placement':'bottom','showplaylist' :false,'playlist':[{'title':'Ludovico Einaudi - Divenire','url':'http://www.youtube.com/watch?v=9qvglWAHDak'},{'title':'Ludovico Einaudi - Una Mattina','url':'http://www.youtube.com/watch?v=EoaPhxNubL0'},{'title':'Jo Blankenburg - Awakening','url':'http://www.youtube.com/watch?v=oU72tsOmXAI'},{'title':'Jo Blankenburg - Zephyrus','url':'http://www.youtube.com/watch?v=-zhMeaUgBkk'},{'title':'Gothic Storm - Whisper Of Hope','url':'http://www.youtube.com/watch?v=cT-HeYARWJw'}]}" ></script>


Y listo.

¿Alguien sabría decirme cómo hacer para que cuando alguien hiciera clic en un vídeo se pausara la música automáticamente?

Y si puede ser que al terminar el vídeo o pausar-lo, se vuelva a activar la música.

Podría hacerse teniendo en cuenta si el usuario pausó la música? ( Si el usuario la para, que no se active si termina o pausa un vídeo).

Espero haberme expresado correctamente.

En la página de SCM pone abajo:

Javascript Methods
You can also control SCM Music Player via Javascript. The script exposes SCM to global scope with the following methods.

SCM.play();
Plays the current song.

SCM.pause();
Pause the currently playing song.

Me gustaría saber como usarlos.

Muchísimas gracias =)

emprear · #2 (**permalink**) 03/03/2013, 13:08

Acá la cosa pasa un poco por saber como estás insertanto el video.
Si es con html5, podés usar diferentes métodos de javascript que la api video html5 te proporciona, ejemplo

Código Javascript:

Ver originalvar v = document.getElementById("videouno");
// con ended se verifica si un video terminó de reproducirse
if (v.ended){
// llamás una función de SCM
}
// con pausedse verifica si un video está en pausa
if (v.paused){
// llamás una función de SCM
}

usando condicionales podés jugar con los diferentes estados

SAludos

TamerOfDragons · #3 (**permalink**) 04/03/2013, 07:53

Muchísimas gracias por la respuesta =)
Uso Blogger y al insertar los vídeos, si puedo uso esta línea:

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jmC_JpZzQvg" width="420"></iframe>

Si no es muy conocido el vídeo (como no lo encuentro en el buscador de blogger), uso:

<object class="BLOGGER-youtube-video" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0" data-thumbnail-src="http://0.gvt0.com/vi/gra4J91Cp8A/0.jpg" height="266" width="320"><param name="movie" value="http://www.youtube.com/v/gra4J91Cp8A&fs=1&source=uds" /><param name="bgcolor" value="#FFFFFF" /><param name="allowFullScreen" value="true" /><embed width="320" height="266" src="http://www.youtube.com/v/gra4J91Cp8A&fs=1&source=uds" type="application/x-shockwave-flash" allowfullscreen="true"></embed></object></div>

Que básicamente lo pego del compartir vídeo de youtube.

Con todo esto, estoy un poco perdido, ya que no sé donde aplicar el código que me has pasado, por ejemplo:

Me pregunto si puedo pegar este código tal cual (lo intentaré):

<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jmC_JpZzQvg" width="420"></iframe>

var v = document.getElementById("<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jmC_JpZzQvg" width="420"></iframe>");
// con ended se verifica si un video terminó de reproducirse
if (v.ended){
// llamás una función de SCM
SCM.play();
}
// con pausedse verifica si un video está en pausa
if (v.paused){
// llamás una función de SCM
SCM.play();
}
// supongo que es así Si el video esta funcionando
if (v.played){
// llamás una función de SCM
SCM.pause();
}

Tengo que abrir o cerrar javascript o Html5?
Tendría que hacer esto en cada inserción de vídeo?

Muchísimas gracias y gracias por la paciencia.

Edit1:

He probado de copiar y pegar este código, pero no me funciona ni en un .html que creo en un blog de notas en mi pc, ni pegandolo en una nueva entrada del blog (en este caso me sale el vídeo pero no se para la música)

<html>
<head>
<script>
function getValue()
**{
**var x=document.getElementById("clsid:D27CDB6E-AE6D-11cf-96B8-444553540000");
**alert(x.innerHTML);
// con ended se verifica si un video terminó de reproducirse
if (v.ended){
// llamás una función de SCM
SCM.play();
}
// con pausedse verifica si un video está en pausa
if (v.paused){
// llamás una función de SCM
SCM.play();
}
// supongo que es así Si el video esta funcionando
if (v.played){
// llamás una función de SCM
SCM.pause();

**}
</script>

</head>
<body>

<h1 id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" onclick="getValue()"> <iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jmC_JpZzQvg" width="420"></iframe> </h1>

</body>
</html>

emprear · #4 (**permalink**) 04/03/2013, 09:10

Te puedo decir como hacerlo

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Estado del reproductor de viseo You tube</title>
<script src = "http://www.youtube.com/player_api"></script>
</head>
<body>
<iframe id="reproductor" width="640" height="360"   src="http://www.youtube.com/embed/JW5meKfy3fY" onload="status_video()" frameborder="0" allowfullscreen="">
</iframe>
<script>
var player;
  function status_video(){
    player = new YT.Player('reproductor', {
      videoId: 'JW5meKfy3fY',
      events:
       {      
        'onStateChange': function (event)
            {
            if (event.data == YT.PlayerState.PLAYING){
            alert("Reproduciendo video..");
            }else if (event.data == YT.PlayerState.PAUSED){
            alert ("Video en Pausa..");
            }
            
            else if (event.data == YT.PlayerState.ENDED){
            alert ("Video finalizado...");
            }
            
            else if (event.data == YT.PlayerState.BUFFERING){
            alert ("Almacenando en el buffer...");
            }
             }
       }
            
    });
  }
</script>
</body>
</html>

Demo
http://foros.emprear.com/video/estat...o_youtube.html

Pero por favor

inventes

Código:

var v = document.getElementById("<iframe allowfullscreen="" frameborder="0" height="315" src="http://www.youtube.com/embed/jmC_JpZzQvg" width="420"></iframe>");

Saludos