javascript - modal - vimeo player js

Cómo detener un video de Vimeo con JQuery

Question

Cuando oculto un video de youtube, deja de jugar. Sin embargo, este no es el caso para los videos de Vimeo. ¿Hay alguna otra forma de detener un video de Vimeo?

Answer 1

Al usar la API de JavaScript de Vimeo, se puede hacer con

player.unload()

https://github.com/vimeo/player.js#unload-promisevoid-error

Answer 2

Intenta usar la API de vimeo player: http://developer.vimeo.com/player/js-api#methods

Recuerda encender API. por ejemplo: http://player.vimeo.com/video/VIDEO_ID?api=1

Answer 3

Otra respuesta similar a la de David ... puede usar jQuery para borrar el atributo SRC del iFrame.

$(''iframe#targetID'').attr(''src'','''');

Estoy usando esto con un video de Vimeo y un efecto de caja de luz. Cuando la caja de luz se activa nuevamente, vuelvo a agregar la URL del video al iFrame SRC antes de mostrarlo.

Answer 4

Primero, agrega una ID a tu iFrame. A continuación, agregue esto a su función de clic de javascript close window:

var $frame = $(''iframe#yourIframeId'');

// saves the current iframe source
var vidsrc = $frame.attr(''src'');

// sets the source to nothing, stopping the video
$frame.attr(''src'',''''); 

// sets it back to the correct link so that it reloads immediately on the next window open
$frame.attr(''src'', vidsrc);

Answer 5

Usé jQuery para eliminar el iframe del DOM.

Answer 6

Vimeo tiene una API de JavaScript que le permite acceder e invocar muchas propiedades y métodos en el reproductor de video (incluida la pausa del video y también descargarlo por completo). También tienen un API Playground y algunos ejemplos en GitHub .

[Editar]

Como mencionas que usas el Código Universal Embed, aquí hay algunas advertencias del sitio web:

Con el Código de window.postMessage universal, la única forma de interactuar con el reproductor es mediante el uso de window.postMessage . postMessage es un desarrollo relativamente nuevo, por lo que está disponible en los siguientes navegadores: Internet Explorer 8+, Firefox 3+, Safari 4+, Chrome y Opera 9+.

Debido a las complejidades involucradas con postMessage, ¡hemos escrito una minibiblioteca de JS que hace todo el trabajo por usted! Puede encontrarlo en la página de descargas o puede ver algunos ejemplos a below .

Answer 7

para restablecer el atributo SRC, use lo siguiente antes de borrar:

var source = $(''iframe#yourVideoId'').attr(''src'');

próximo atributo SRC claro:

$(''iframe#yourVideoId'').attr(''src'','''');

devolución de llamada anterior atributo SRC:

$(''iframe#yourVideoId'').attr(''src'',source);

Answer 8

    var vidUrl = $("iframe#video-frame").attr(''src'');


    //Basically stops and starts the video on modal open/close
    $(''#video'').on(''hidden.bs.modal'', function (e) {
        $("iframe#video-frame").attr(''src'','''');
    });

    $(''#video'').on(''show.bs.modal'', function (e) {
        $("iframe#video-frame").attr(''src'', vidUrl);
    })