---
title: "iFrame Integration"
slug: "iframe-integration"
updated: 2025-04-25T07:46:23Z
published: 2025-04-25T07:46:23Z
canonical: "help.movingimage.com/iframe-integration"
---
> ## Documentation Index
> Fetch the complete documentation index at: https://help.movingimage.com/llms.txt
> Use this file to discover all available pages before exploring further.
# iFrame Integration
# CorporateTube Iframe Integration
### Übersicht
Mit Hilfe von einfachem JavaScript und zwei JavaScript-Client-Bibliotheken können Sie CorporateTube-Inhalte als gekapselten Inline-Frame (iFrame) in eine bestehende Seite integrieren.
> Die iFrame-Integration ist für öffentlich verfügbare Videos in CorporateTube gedacht. Sie funktioniert nicht für private CorporateTube-Konten, die eine Authentifizierung erfordern.
### Integration
1. Erstellen Sie ein `<div>` Element auf der übergeordneten Seite, in das der iFrame eingefügt werden soll.
> [!WARNING]
> Dem `<div>` muss eine `id` zugewiesen werden („ct-frame-wrapper“ im folgenden Beispiel).
2. Sie benötigen die JavaScript-Client-Bibliotheken `embed.js` and `iframeSizer.min.js`. Sie können sie von movingimage EVP hier herunterladen: [embed.js](https://movingimage-website-external.corporate.tube/iframe/embed.js) [iframeSizer.min.js](https://movingimage-website-external.corporate.tube/iframe/iframeResizer.min.js)
3. Laden Sie beide Bibliotheken und ein benutzerdefiniertes JavaScript-Snippet in den -Abschnitt der übergeordneten Seite. Siehe das Beispiel unten auf der Seite.
### Konfigurationsoptionen
| Option | Beschreibung | Standardwert |
| --- | --- | --- |
| `ctUrl` | CorporateTube URL, die für die Integration verwendet werden soll | `window.location.origin` |
| `wrapperId` | id, die in dem div-Element verwendet wird, das den iframe enthält | `ct-frame-wrapper` |
| `basePath` | Relativer Pfad des übergeordneten Frames, in den der iframe gerendert wird | "" (leerer string) |
### Beispiel
```plaintext
Iframe integration example
```