Mit der Tikee-Lösung von Enlaps und der für zeitraffer optimierten Webanwendung myTikee können Sie Ihr zeitraffer-Projekt mit nur einem Klick ganz einfach in Ihre Website integrieren. Egal, ob Sie ein Panoramavideo, einen Vorher-Nachher-Vergleich oder eine Bildergalerie hinzufügen möchten: Sie haben Zugriff auf anpassbare Iframe-Links. Dieses Tutorial führt Sie durch die Schritte zur Anpassung dieser Iframes, um die Darstellung Ihres zeitraffer-Projekts zu optimieren.

Zugriff auf den Iframe-Integrationscode

Um Ihren Iframe-Code zu finden, gehen Sie zur Projektübersicht:

1. Gehen Sie zu Projekt.

2. Klicken Sie auf Teilen.

1. Ändern der Iframe-Größe

Der iFrame-Einbettungscode kann ganz einfach direkt im Code angepasst werden. Wenn eine Galerie über einen Iframe eingebettet wird, erscheint oft ein standardmäßiger Scrollbalken, falls die Galerie größer als der Iframe ist. Um dies zu vermeiden, gibt es zwei Optionen, die hinzugefügt werden können, um den Iframe einfach anzupassen.

Eine Möglichkeit besteht darin, die Höhe und Breite des Iframes an die Galerie anzupassen, indem die Zahlen für Höhe und Breite im Code wie unten gezeigt geändert werden.

<iframe src="https://staging.tikee.io/time_lapses/1879/photo_gallery/6b12e12d-5650-4aed-8495-38fee083fbba?lang=de" allowfullscreen style="width: 900px; height: 620px; border: none;" ></iframe>

Sie können auch den Rahmen und den Scrollbalken entfernen. Sie können scrolling = “no” und frameBorder = “0” in den Einbettungscode einfügen, um diesen Balken zu entfernen. Achtung: Wenn Sie den Scrollbalken der Galerie entfernen, achten Sie darauf, die Höhe so einzustellen, dass die Steuerungselemente nicht abgeschnitten werden.

Damit sich das Video an die Seitengröße anpasst, muss im Iframe " ?fluid=true " hinzugefügt werden.

<iframe src="https://my.tikee.io/videos/cc3dc6e1-862b-4132-b563-61c92ce0a60a?fluid=true" style="width: 100%; height: 100%; border: none;"></iframe>

2. Anpassen der Iframe-Farben

Sie können die Farben Ihres Iframes wie folgt wählen:

• primary_color: wie „#090909“, aber ohne das „#“, da wir eine URL verwenden.

  • secondary_color: wie „#090909“, aber ohne das „#“, da wir eine URL verwenden.

  • font_color: wie „#090909“, aber ohne das „#“, da wir eine URL verwenden.

Übergeben Sie diese Parameter so, wie Sie alle Query-Parameter an eine URL übergeben würden:

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=de&primary_color=5f9ea0&secondary_color=ff9800&font_color=db0b93

Alles zusammen:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=de&primary_color=5f9ea0&secondary_color=ff9800&font_color=db0b93" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

3. Auswahl der Viewer-Typen im Iframe

Sie können die gewünschten Viewer-Typen in Ihrem Iframe wie folgt auswählen:

• default_tab: „single“, „compare“, „immersive“

  • single: normaler Schwenkmodus

  • compare: Vorher-Nachher-Vergleichsansicht

  • immersive: immersive Ansicht mit Reprojektion

  • allowed_viewer_types: wie „single“, „compare“, „immersive“, getrennt durch ein Komma

/!\ Diese Parameter funktionieren nur zusammen, Sie können „allowed_viewer_types“ nicht ohne „default_tab“ verwenden.

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=de&default_tab=immersive&allowed_viewer_types=single,compare,favorite,video

Alles zusammen:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=de&default_tab=immersive&allowed_viewer_types=single,compare,favorite,video" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

4. Download-Buttons ausblenden

Sie können die Download-Buttons in Ihrem Iframe wie folgt ausblenden:

• hide_downloads: „true“, „false“

https://my.tikee.io/time_lapses/{…}/photo_gallery/{…}?lang=de&hide_downloads=true

Alles zusammen:

<iframe src="https://my.tikee.io/time_lapses/{...}/photo_gallery/{...}?lang=de&hide_downloads=true" allowfullscreen style="width: 100%; height: 100%; border: none" ></iframe>

5. Auswahl der Sprache

Sie können die Sprache Ihres Iframe-Viewers ändern, indem Sie den Parameter „lang“ anpassen. Die zulässigen Werte sind „en“ und „fr“.

Die Anpassung der Iframes Ihrer Tikee zeitraffer-Projekte ist ein einfacher Prozess, mit dem Sie das Erscheinungsbild und die Funktionalität Ihrer Galerien auf Ihrer Website steuern können. Durch die Anpassung von Dimensionen, Farben, Viewer-Typen und anderen Parametern können Sie Ihre zeitraffer-Inhalte nahtlos in Ihre Online-Kommunikationsstrategie integrieren.

Weitere Informationen zur Tikee-Lösung und ihren Anwendungen finden Sie auf unserer Website.