2011-05-26 23 views
30

Cuando oculto un video de youtube, deja de reproducirse. Sin embargo, este no es el caso para los videos de Vimeo. ¿Hay alguna otra forma de detener un video de Vimeo?Cómo detener un video de Vimeo con JQuery

+0

¿Está utilizando el universal incrustar código o el código de inserción Flash? –

+0

Está con la etiqueta iframe –

Respuesta

10

Vimeo tiene a JavaScript API que le permite acceder e invocar muchas propiedades y métodos en el reproductor de video (incluso pausar el video y también descargarlo por completo). También tienen un API Playground y algunos examples on GitHub.

[Editar]

Dado que usted menciona que utiliza el código de inserción universal, aquí hay algunas advertencias de la página web:

Con el código de inserción universal, la única manera de interactuar con el jugador está usando 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 relacionadas con postMessage, hemos escrito una minibiblioteca de JS que hace todo el trabajo por usted. Puede encontrarlo en el downloads page o puede ver algunos ejemplos below.

+3

Una línea de código vale miles de explicaciones. – atilkan

-1

Utilicé jQuery para eliminar el iframe del DOM.

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 Vimeo y un efecto de luz. Cuando la caja de luz se activa nuevamente, vuelvo a agregar la URL del video al iFrame SRC antes de mostrarlo.

48

Primero, agregue una ID a su iFrame. A continuación, añadir esto a su Javascript estrecha función de ventana clic:

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); 
+0

En realidad, este funciona con todos los navegadores, incluso con ie7, cerrando los videos sin problemas. – test

+0

Cuando se agrega el atributo src, hace que la animación salte. –

+1

además de no usar la identificación para apuntar al iframe dentro de nuestro modal, esta respuesta fue exactamente correcta, y funcionó perfecto para nosotros. No se requiere carga de API Vimeo. Gracias toneladas! – Aaron

6

para restaurar el atributo SRC utilice el siguiente antes de borrar:

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

siguiente atributo SRC claro:

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

devolución de llamada previa Atributo SRC:

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

$ ('iframe # yourVideoId'). Attr ('src', 'sobre: ​​en blanco'); es más preciso – khoomeister

4
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); 
    }) 
+0

Esto funcionó para mí con Bootstrap. – moodyjive

Cuestiones relacionadas