Pause Vimeo universal einbetten, wenn ausgeblendet mit jQuery

Habe ich ein Vimeo-video (via universal embed iframe), die versteckt auf meiner Seite. Klick auf den link verblasst es, und klicken auf eine Stelle außerhalb des video - (lightbox-Stil), blendet es aus und versteckt es - aber das video weiterläuft. Ich lese auf Vimeo-API, die Sie verwenden können JSON-Objekte, um zu pausieren das video, aber ich verstehe nicht, was Sie sagen.

HTML:

<img id="show_tide" class="vid" src"#">
<i<iframe id="tide" class="vim" src="http://player.vimeo.com/video/1747304?portrait=0&amp;color=ffffffapi=1" width="726" height="409" frameborder="0"></iframe>

JavaScript:

$('#underlay').click(function() {
    //pause VISIBLE (there are multiple) Vimeo video via API
    $('.vim, #underlay').fadeOut(400);
});

Ich bezweifle, dass Sie haben <iframe id="tide" class="vim" src="http://google.com"></iframe>, was der code dort ?
aktualisiert!
Sind Sie sicher, dass Sie wollen, um den iframe-Modus? Es bedeutet, dass die Tasten nicht funktionieren bei einigen Browsern...
Ich bin mir dessen bewusst, aber es ist die beste option für mobile-freundliche Website. keine Ahnung, wie der code komisch json-pause was?
Bereits auf ihn...

InformationsquelleAutor technopeasant | 2011-04-08

17

Müssen Sie von einem der froogaloop Bibliotheken.

JS
```
player=$f(document.getElementById('tide'));//you can use jquery too: $('#tide')[0] 
player.api('pause');
```
Ärgerlicherweise einfach. Hier ist ein Beispiel auf jsfiddle.net.
- aktualisiert das jsfiddle mit meinem code. dort arbeitet.. funktioniert aber nicht innerhalb der Seite. sehen Sie alles, was in Konflikt? jsfiddle.net/CVWtL/11
- Was nicht funktioniert ?
- wird das video nicht anhalten, auf meiner Seite. ich bin mit der Funktion, die ich eingefügt in der jsfiddle. Für das Leben von mir kann nicht herausfinden, warum es nicht funktioniert ://
- aktualisiert die jsfiddle wieder, dieses mal mit den anderen Funktionen, die ich verwende. alle dynamisch sind.. vielleicht gibt es einige cross-over irgendwo. jsfiddle.net/CVWtL/13
- hast du irgendwelche JS Fehler ?
- Nein, nicht wie Sie scheinen: cl.ly/1F3M3k3q3j2o1c2s3y0Q
- Das ist natürlich dumm, aber... was element $('.vim')[0] zurück? ist es das iframe? oder etwas anderes ?
- es gibt den vimeo-player. habe ich eine Klasse, da gibt es mehrere videos. muss ich fügen Sie einen Selektor wie :sichtbar einzugrenzen, um nur das aktive video?
- zu komisch.. fiel in einem anderen video auf der jsfiddle. video one hält angemessen, video zwei nicht. jsfiddle.net/CVWtL/16
- color=ffffff&api=1 <<< & !
- ughhh RATTEN! funktioniert immer noch nicht mit dem korrigierten & jsfiddle.net/CVWtL/17 und es funktioniert immer noch nicht lokal oder gehostet! barf!
- Sie zu realisieren, müssen Sie code hinzufügen für den zweiten Spieler? jsfiddle.net/Khez/CVWtL
- ahahahaha Nein, habe ich nicht. Zahlen von 0 - unendlich? jede Besondere syntax? verarbeitet sowohl videos anhalten auf der jsfiddle, funktioniert es immer noch nicht in den Rahmen meiner Seite. Ich bin nigen und kann nicht finden was es sein könnte. Driving me nuts.
- Entweder stellen Sie eine neue Frage, geben mehr code oder versuchen, härter... ich werde bald verschwinden.
- Ich höre Ihnen zu. Versuchen schwer. Hier ist der gesamte code: minimalpluscreative.com/newclients/danielgomes
- Sie hat nicht die richtige froogaloop.js minimalpluscreative.com/newclients/danielgomes/scripts/...
- Ich nicht einmal darüber reden wollen. Du bist ein held.
- für die jsfiddle-Beispiel
InformationsquelleAutor Khez

Wollte ich hinzufügen, eine play/pause-Taste, wie dies ohne die Verwendung von jquery oder froogaloop. Ich weiß nicht warum, aber ich hasse einschließlich einer Bibliothek, wenn ich nicht zu. Vor allem für einfache Dinge wie diese.

Hier ist, was ich kam mit (ich bin nur dieses posting für Leute, die auf der Suche sind) :

<!DOCTYPE HTML>
<html>
<head>
    <title>Vimeo Test</title>
    <script language="JavaScript">
    var iFram, url;
    function startitup(){
        iFram = document.getElementById('theClip');
        url = iFram.src.split('?')[0];
    }
    function postIt(action, value) {
        var data = { method: action };
        if (value) {
            data.value = value;
        }
        if(url !== undefined){
            iFram.contentWindow.postMessage(JSON.stringify(data), url);
        }
    }
</script>
</head>
<body onload="startitup();">
<iframe id="theClip" src="http://player.vimeo.com/video/27855315?api=1" width="400"     height="225" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen>    </iframe>
<p><button onclick="postIt('play');">Play</button> <button     onclick="postIt('pause');">Pause</button></p>
</body>
</html>

InformationsquelleAutor Josh

1

Hier ist ein einfacher Weg, um pause ein Vimeo-video von einem externen HTML-element, das für mich gearbeitet, mit dem froogaloop library:
```
var iframe = $('.video')[0];
var player = $f(iframe);
$('.button').bind('click', function() {
    player.api('pause');
});
```
InformationsquelleAutor Robert Pessagno
0

Ich bin ein wenig spät zur party, aber ich hatte zu laden froogaloop, jquery, und die Vimeo-API auch.

sicher sein, append ?api=1&player_id='frame' zum Ende des eingebetteten video-link

Mein code sah so etwas wie dieses nach

HTML:
```
<iframe id="frame" src='http://player.vimeo.com/video/199114019?api=1&player_id='frame''></iframe>

$(document).ready(function() {
    $('.nameofyourclass').click(function() {
      $f($('#frame')[0]).api('pause');
    });
});
```
InformationsquelleAutor Tyler Watson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.