Erhalten Sie reaktionsschnelle Einbettungscodes für YouTube, Instagram, Google Maps und Vimeo

click fraud protection

Das Einbetten von Webinhalten wie YouTube-Videos ist ziemlich einfach, da der Dienst Ihnen den Einbettungscode gibt und Sie ihn nur einfügen müssen. Das Problem besteht darin, dass beim Einfügen des Links in eine Website mit ansprechendem Design die Größe des Videorahmens nicht geändert wird, da der Einbettungscode selbst nicht reagiert. Gleiches gilt für Einbettungen von Google Maps, Vimeo und Instagram. Wenn Sie wissen, wie es geht, können Sie den Code jederzeit selbst bearbeiten, damit er reagiert. Eine viel schnellere und einfachere Möglichkeit ist die Verwendung Responsive einbetten. Es handelt sich um eine Web-App, mit der Sie reaktionsschnelle Einbettungscodes für Inhalte auf Diensten wie YouTube, Vimeo, Google Maps und Instagram erhalten.

Die reaktionsschnelle Verwendung von Embed ist einfach genug. Sie müssen zuerst herausfinden, was Sie einbetten, sei es ein Ort in Google Maps, ein Video auf YouTube oder Vimeo oder ein Foto oder ein kurzes Video auf Instagram. Sie müssen den Einbettungscode nicht aus der Funktion des Dienstes kopieren. Kopieren Sie einfach die URL für die Seite. Besuchen Sie anschließend "Responsive einbetten" und wählen Sie dort denselben Dienst aus den verfügbaren Optionen aus.

instagram viewer

entsprechend reagieren

Fügen Sie die URL ein, die Sie vom Dienst kopiert haben, und klicken Sie auf die Schaltfläche "Einbetten". Sie sehen eine Vorschau des Videos, der Karte oder des Bildes, das Sie einbetten, und den entsprechenden Einbettungscode darunter. Jetzt müssen Sie nur noch den Einbettungscode wie bei jedem anderen automatisch generierten Einbettungscode in Ihre Website einfügen. Er funktioniert dann reaktionsschnell und ändert die Größe entsprechend der Bildschirmgröße.

Video entsprechend einbetten

Es versteht sich von selbst, dass, wenn der reaktionsfähige Einbettungscode wie auf Ihrer Website angegeben funktionieren soll, der Die Website selbst muss zunächst ein responsives Design haben, sonst macht es keinen Sinn, Responsive Embed zu verwenden Code. Dies liegt daran, dass Ihre Website eine Änderung der Bildschirmgröße erkennen muss. Sie können den Code auf der Embed Responsively-Website selbst testen, indem Sie einen Link einfügen und dann die Größe Ihres Browserfensters ändern. Sie werden sehen, dass die Größe der dort generierten Vorschau geändert wird, wenn Sie die Größe des Fensters ändern. Es wird auch darauf geachtet, nicht an den Rändern des Fensters zu haften und auf beiden Seiten Polster zu hinterlassen.

Es könnte einige überraschen, zu erfahren, dass der Einbettungscode von Websites wie YouTube und Google Maps nicht vorhanden ist reaktionsschnell, insbesondere wenn Dienste wie Twitter und SoundCloud Benutzern einen reaktionsschnellen Einbettungscode von geben Standard. Mit Responsive einbetten können Sie auch andere Dienste finden, die dies auf der Registerkarte "Mehr" tun.

Besuchen Sie Embed Responsively

[über Das nächste Web]

watch instagram story