Ich habe ein Vimeo-Video (über universal embed iframe) auf meiner Seite versteckt. Wenn du auf einen Link klickst, wird er eingeblendet und wenn du außerhalb des Videos (Lightbox-Stil) klickst, wird es ausgeblendet und versteckt - aber das Video wird weiter abgespielt. Ich lese auf Vimeos API , dass Sie JSON-Objekte verwenden können, um das Video anzuhalten, aber ich verstehe nicht, was sie tun sage ich.
HTML:
%Vor%JavaScript:
%Vor%Sie müssen eine der Froogaloop-Bibliotheken hinzufügen.
JS
%Vor%Ärgerlich einfach. Hier ist ein Beispiel auf jsfiddle.net .
Ich wollte einen play / pause Button hinzufügen, ohne jquery oder froogaloop zu benutzen. Ich weiß nicht warum, aber ich hasse es, eine Bibliothek mitzunehmen, wenn ich es nicht muss. Vor allem für einfache Dinge wie diese.
Hier ist, was ich gefunden habe (ich poste das nur für andere Leute, die suchen):
%Vor%Hier ist ein einfacher Weg, um ein Vimeo-Video von einem externen HTML-Element zu pausieren, das für mich funktionierte, mit dem froogaloop libray:
%Vor%Ich bin ein wenig zu spät zur Party, aber ich musste laden , jquery und auch die Vimeo API.
Achten Sie darauf, ?api=1&player_id='frame' an das Ende Ihres eingebetteten Video-Links anzuhängen.
Mein Code sah ungefähr so aus wie nach
Tags und Links jquery api json vimeo froogaloop