API Dokumentation

Hier geht’s los

Setze deine Instanz des Clipchamp APIs auf und passe es an, entdecke und verändere alle Konfigurationsoptionen. Alle Parameter sind auf der linken Seite zu finden. Füge sie dem Script hinzu, mit dem du das Clipchamp API auf deiner Webseite ansteuerst. Bitte beachte, dass verschiedene Instanzen des Clipchamp APIs unterschiedliche Parameter verwenden können. Einige Optionen sind nur in höheren Clipchamp API Plänen verfügbar.

Bist du noch kein Clipchamp API Kunde?

Das Probeabonnement gibt dir Zugriff auf alle Funktionen des Clipchamp APIs, entsprechend dem Business-Plan. Du kannst später auf einen anderen Plan wechseln.

Jetzt kostenloses Probeabo starten

Schritt 1

Setze das Clipchamp API mittels des API-Konfigurationsassistenten auf oder nimm die API-Einstellungen manuell vor.
Kopiere danach diese Zeile in den head Abschnitt der Webseiten, auf denen du das Clipchamp API verwenden willst.

<script type= "text/javascript" src= "https://api.clipchamp.com/
Your API key goes here/button.js"> </script>

Die Benutzeroberfläche und das Aufnahme-/Transcoding-Modul werden geladen, nachdem die erste Instanz des Clipchamp APIs auf der Webseite eingefügt wurde. Du kannst optional den Ladevorgang initiieren, indem du vorher die preload-Funktion aufrufst.

<script type="text/javascript"> clipchamp.preload(); </script>

Schritt 2

Verwende diesen Code-Schnipsel, um einen Clipchamp-Button in ein bestehendes HTML-Element deiner Webseite einzufügen. Du kannst mehr als einen Button auf einer einzelnen Webseite einfügen und du kannst Buttons auf mehreren verschiedenen Webseiten einfügen.

<!-- add a wrapper element into the document... --> <script type="text/javascript"> // ...or dynamically inject at least one wrapper element into the document var element = ...; clipchamp(element[, options]); </script>

Falls du jQuery auf deiner Webseite verwendest – das Clipchamp API ist auch als jQuery-Plugin verfügbar:

<!-- add a wrapper element into the document... --> <script type="text/javascript"> // ...or dynamically inject at least one wrapper element into the document $(selector).clipchamp([options]); </script>