jQuery cómo detener el vídeo Vimeo cuando se haga clic en

aquí está el código simple: http://jsfiddle.net/YAFuW/1/jQuery cómo detener el vídeo Vimeo cuando se haga clic en

básicamente me trató de utilizar la siguiente manera:

<iframe src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 

<a href="#">STOP</a> 

$('a').click(function() { 
    alert('stoped'); 
    froogaloop.api('unload'); 
});

Fuente

2012-05-01 test

no sé una "buena" o "derecha" forma de lograr este navegador cruzado.
La API de JavaScript de Youtube falla también.

Pero este método es confiable y funciona.
Básicamente, mata el y lo reconstruye.

$('a').click(function() { 
    alert('stoped'); 
    vimeoWrap = $('#vimeoWrap'); 
    vimeoWrap.html(vimeoWrap.html()); 
});

View at JSFiddle

Fuente

2012-05-01 18:27:47 Fresheyeball

no funciona de nuevo. es trabajo solo una vez nuevamente la página se actualiza después de que solo funciona. Necesito una y otra vez hago clic en jugar y parar. se ejecuta automáticamente sin la recarga de la página. –

¿En qué navegador estás? Funciona repetidamente en Chrome. – Fresheyeball

Si utiliza código API actualizada de Vimeo entonces usted puede hacerlo como lo siguiente: http://jsfiddle.net/deshg/8CV2S/. Puedes ver que el botón de detener ahora te da la alerta y luego el video está descargado.

¡Salud!

Fuente

2012-07-11 11:35:03 deshg

si sólo tiene que reproducir o pausar el uso de vídeo de esta manera:

var iframe = $('#vimeo-player')[0]; 
var player = $f(iframe); 

$('#stop').click(function() { 
    alert('stoped'); 
    player.api('pause'); 
}); 


$('#play').click(function(){ 
    alert('play'); 
    player.api('play'); 
})

y marcado:

<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script> 

<iframe id="vimeo-player" src="http://player.vimeo.com/video/40977539?api=1" width="400" height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> 
<a id="stop" href="#">STOP</a> 
<a id="play" href="#">PLAY</a>

http://jsfiddle.net/zimm/8CV2S/14/

Fuente

2012-10-17 10:52:44

Aunque es una publicación muy antigua, pero cumplió mi propósito muy bien. Gracias. –

Vimeo parece haber dejado de apoyar esto recientemente. ¿Hay una nueva API que se puede usar? – think123

¡Finalmente la respuesta que estaba buscando! ¡Gracias! –

se ha perdido el obtener el ID del vídeo Vimeo:

var iframe = $('#vimeo-player')[0]; 
var player = $f(iframe); 
player.api('unload');

Ejemplo: http://jsfiddle.net/joan_r/dutzh512/

<html> 
<head> 
<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script> 
<style> 
#play,#pause,#stop{ 
    width:60px; 
    margin:5px; 
    text-align: center; 
    border: solid; 
    cursor:pointer; 
} 
</style> 
</head> 
<body> 
<iframe id="vimeo-player" src="//player.vimeo.com/video/76979871" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> 
<div id="play">[PLAY]</div> 
<div id="pause">[PAUSE]</div> 
<div id="stop">[STOP]</div> 
<script> 
    $('#play').click(function() { 
     var iframe = $('#vimeo-player')[0]; 
     var player = $f(iframe); 
     player.api('play'); 
    }); 
    $('#pause').click(function() { 
     var iframe = $('#vimeo-player')[0]; 
     var player = $f(iframe); 
     player.api('pause'); 
    }); 
    $('#stop').click(function() { 
     var iframe = $('#vimeo-player')[0]; 
     var player = $f(iframe); 
     player.api('unload'); 
    }); 
</script> 
</body> 
</html>

Fuente

2015-03-05 10:59:40 JoanR

La mejor manera es trabajar con Vimeo API:

Ejemplo:

<script> 
    var iframe = $('.vimeo-iframe').get(0); 
    var player = new Vimeo.Player(iframe); 
    player.pause(); 
    //player.play(); 
</script>

Fuente

2017-10-22 08:59:32

jQuery cómo detener el vídeo Vimeo cuando se haga clic en

Respuesta

Cuestiones relacionadas