Responsive Embed

Ein responsives Embed ist ein [Einbettungscode](/glossary/embed-code)-Snippet, das eingebettete Inhalte automatisch an die Breite und Höhe des übergeordneten Containers oder des Bildschirms skaliert. Im Gegensatz zu [Iframes](/glossary/iframe) mit festen Abmessungen, die horizontale Scrollbalken erzeugen oder leere Flächen hinterlassen, verwenden responsive Embeds prozentuale Breiten und CSS-Aspect-Ratio-Techniken, um den verfügbaren Platz fließend auszufüllen. Der Inhalt behält seine Proportionen, unabhängig davon, ob der Container 1440 Pixel breit auf einem Desktop-Monitor oder 375 Pixel breit auf einem Smartphone ist. Dieser Ansatz stellt sicher, dass eingebettete Flipbooks, Dokumente, Videos oder interaktive Inhalte auf allen Geräten korrekt dargestellt werden, ohne manuelles Anpassen oder gerätespezifischen Code.

FlipLink generiert gebrauchsfertige responsive Einbettungscodes für jedes veröffentlichte Flipbook und Dokument. Sie kopieren den Code aus den Freigabeoptionen Ihrer Publikation und fügen ihn in jede Website, jeden Blog oder jedes CMS ein. Der [Iframe](/glossary/iframe) passt sich automatisch an die Container-Breite an, und der Flipbook-Viewer skaliert die Seiten entsprechend. Der Einbettungscode enthält standardmäßig [Lazy Loading](/glossary/lazy-loading), sodass das Flipbook erst geladen wird, wenn es in den sichtbaren Bereich scrollt, was die Seite schnell hält. Sie können auch die Funktion [Klickbares Bild-Embed](/features/clickable-image-embed) verwenden, um ein Vorschaubild zu platzieren, das bei Klick den vollen responsiven Viewer öffnet — nützlich, wenn Sie eine Vorschau zeigen möchten, ohne sofort den vollständigen Viewer zu laden.