JS Einbetten von Gfycat auf meiner Website

Question

gfycat.com bietet die Option zum Einbetten eines GIF auf meiner Website mit JS Embed Option.

ich ein Code wie folgt aus:

<img class='gfyitem' data-id='HighMelodicDairycow' /> 

Das Problem, das ich keine Informationen auf der Website über den Javascipt Code finden konnte, um es auszuführen benötigt. Irgendwelche Ideen?

Answer 1

Ich konnte es nicht auf ihrer Website entweder finden, aber hier ist ihre GitHub Repo für die Einbettung auf Websites von Drittanbietern: https://github.com/gfycat/gfycat.js/tree/master .

Hier sind die wichtigen Teile aus der readme:

<script> 
    (function(d, s, id){ 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) {return;} 
    js = d.createElement(s); js.id = id; 
    js.src = "https://assets.gfycat.com/gfycat.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'gfycat-js')); 
</script> 

:

---

Script

die JS einbetten Funktion zu erhalten, können Sie dies direkt nach dem Öffnen Body-Tag hinzufügen müssen

Wenn dieses Skript ausgeführt wird, wird jedes Element mit der Klasse gfyitem in eine Gfycat-Einbettung konvertiert.

---

Optionen

Wenn Sie wollen, um das Verhalten des einbetten ändern, können Sie diese auf das Element als ein Datenattribut hinzufügen. (data-)

• data-id: die Gfycat id ( erforderlich)
• data-controls: include Kontrollen für Pause/Geschwindigkeit/etc (Standard: false)
• data-title: zeigt den Titel auf schweben (Standard: false)
• data-autoplay: automatisch starten die Wiedergabe beim Laden der Seite (Standard: true)
• data-expand ( DEPRECATED, benutzen Sie bitte data-responsive): Video-Element erweitert den Raum seines Containers (Standard zu füllen: false)
• data-responsive: Video-Element erweitert den Raum zu füllen Behälter (Standard: false)
• data-max-height (arbeitet nur zusammen mit data-responsive=true) einstellen Höhe Obermaterial für eine reaktionsVideo gebunden
• data-optimize: Videos spielen, wenn sie 50% sichtbar sind, und faul Lasten Gifs (Standard: true)
• data-gif: Last.gif-Datei anstelle von Video (Standard: false)
• data-hd: laden, qualitativ hochwertiges Video (Standard: true)
• data-playback-speed: set-Videowiedergabegeschwindigkeit, die Werte aus dem Intervall [0.125, 8] (Standard: 1)

ich weiß, dass Sie dies wahrscheinlich zu spät ist, Ihnen zu helfen, aber hoffentlich hilft dies sonst jemand, der in dieser Frage läuft.