Comment arrêter une vidéo Vimeo avec JQuery

Quand je cacher une vidéo de youtube, il s'arrête de jouer. Cependant, ce n'est pas le cas pour les vidéos Vimeo. Est-il un autre moyen d'arrêter une vidéo Vimeo?

Êtes-vous à l'aide de l'Universel embed code ou Flash code embed?
C'est avec la balise iframe

InformationsquelleAutor Justin Meltzer | 2011-05-26

54

Tout d'abord, ajoutez un ID à votre iFrame. Ensuite, ajoutez ceci à votre javascript fermer la fenêtre, cliquez sur la fonction:
```
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);
```
- En fait celui-ci fonctionne sur tous les navigateurs, même ie7, la fermeture des vidéos en douceur!
- Lorsque l'attribut src est ajouté, il fait de l'animation de saut.
- à part pas de l'aide de l'ID de cible de l'iframe à l'intérieur de notre modal, cette réponse était exactement droit, et a travaillé parfait pour nous. Pas de Vimeo API de chargement requis. Merci de tonnes!
- C'est une bonne alternative pour faire quelque chose de simple et ne nécessitant pas l'api complète chargé sur le serveur. Merci!!!!
- C'est un hacky façon de le faire. La bonne façon peut être trouvé dans johna réponse.
InformationsquelleAutor Deborah
11

Vimeo a une API JavaScript qui vous permet d'accéder et d'invoquer de nombreuses propriétés et méthodes sur le lecteur de vidéo (y compris la mise en pause de la vidéo et aussi décharger complètement). Ils ont également un API aire de Jeux et certains exemples sur GitHub.

[Modifier]

Puisque vous mentionnez que vous utilisez l'Universel Code Embed, voici quelques mises en garde à partir du site web:

Avec l'Universel Code Embed, la seule façon d'interagir avec le joueur en utilisant de la fenêtre.postMessage. postMessage est un phénomène relativement récent, il est donc oly disponibles dans les navigateurs suivants: Internet Explorer 8+, Firefox 3+, Safari 4+, Chrome et Opera 9+.

En raison de la complexité avec postMessage, nous avons écrit un JS mini-bibliothèque qui fait tout le travail dur pour vous! Vous pouvez le trouver sur le page de téléchargement ou vous pouvez voir quelques exemples ci-dessous.
- Une seule ligne de code de valeurs des milliers d'explication.
InformationsquelleAutor Michelle Tilley
6

pour restaurer l'attribut SRC d'utilisation suivantes avant de compensation:
```
var source = $('iframe#yourVideoId').attr('src');
```
prochaine attribut SRC clair:
```
$('iframe#yourVideoId').attr('src','');
```
rappel précédent attribut SRC:
```
$('iframe#yourVideoId').attr('src',source);
```
- $('iframe#yourVideoId').attr('src','about:blank"); n'est plus exacte.
InformationsquelleAutor pirios

    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);
    })

Cela a fonctionné pour moi avec Bootstrap.

InformationsquelleAutor user2194405

3

Une autre réponse, le long de la lignes de David...vous pouvez utiliser jQuery pour effacer l'attribut SRC de l'iFrame.
```
$('iframe#targetID').attr('src','');
```
Je suis en utilisant ce avec une vidéo Vimeo et un effet lightbox. Lorsque la lightbox est déclenché de nouveau, j'ajoute l'URL de la vidéo de retour à l'iFrame SRC avant de le montrer.

InformationsquelleAutor Nathan J
3

J'ai récemment eu besoin de mettre en pause une vidéo Vimeo qui était à l'intérieur d'un Bootstrap modale lorsque le modal a été fermé.

La vidéo Vimeo a été incorporé dans une iframe.

C'est ce qui a fonctionné pour moi:
```
$("#my-bootstrap-modal").on('hidden.bs.modal', function (e) {
    var div = document.getElementById("my-bootstrap-modal");
    var iframe = div.getElementsByTagName("iframe")[0].contentWindow;
    iframe.postMessage('{"method":"pause"}', '*');
});
```
- C'est certainement la bonne façon de le faire.
InformationsquelleAutor johna
1

Essayez d'utiliser vimeo joueur de l'API:
http://developer.vimeo.com/player/js-api#methods

N'oubliez pas d'activer l'API sur. par exemple: http://player.vimeo.com/video/VIDEO_ID?api=1
- S'il vous plaît, essayez de lire ce stackoverflow.com/help/deleted-answers, pour obtenir plus de comprendre comment pas réponse. À savoir: "les Réponses qui ne sont pas fondamentalement répondre à la question": à peine plus d'un lien vers un site externe
InformationsquelleAutor Muzahid
0

À l'aide de Vimeo javascript API, il peut être fait avec
```
player.unload()
```
https://github.com/vimeo/player.js#unload-promisevoid-error

InformationsquelleAutor trushkevich
-1

J'ai utilisé jQuery pour supprimer l'iframe du DOM.

InformationsquelleAutor David Oliver

Vous devez vous connecter pour publier un commentaire.