Um Ihren Videostream in Ihre Webseite zu integrieren, brauchen Sie Zugriff auf den Inhalt der Website. Sie müssen ein paar Zeilen HTML-Code kopieren:
Erstellen Sie einen quadratischen HTML Container genau dort, wo der Stream sein soll.
Kopieren sie folgenden HTML-Code in diesen Container:
<iframe name="OfficeStream" title="Live Video aus meinem Geschäft" referrerpolicy="no-referrer" type="text/html" allow="camera; microphone; autoplay;" src="https://IHRE-PERSÖNLICHE-SHOPDOOR-URL" style="aspect-ratio:1; width:100%; scale:1;"></iframe>
Tipps und technische Informationen:
Als https://IHRE-PERSÖNLICHE-SHOPDOOR-URL müssen Sie Ihre persönlich zugeteilte URL eintragen sonst zeigen Sie möglicherweise den Stream eines anderen Geschäftes auf Ihrer Webseite.
Der Videostream ist passt sich automatisch an die Grösse des Displays an. Wenn die Display-Breite kleiner als 320px wird, erscheint ein Scrollbar im Video und die Bedienelemente werden ggf. umgebrochen. Da die meisten Smartphone Displays breiter als 320px sind, sollte Ihr Live-Stream auch auf Smartphones ohne Scrollbar dargestellt werden.
Die Inhalte von name und title können Sie frei vergeben.
Falls der iframe auf Ihrer Webseite kleiner dargestellt werden soll, kann er z.B. mit: scale: 0.5; auf die Hälfte skaliert werden. Falls Ihre Webseite diese Skalierung verhindert, kann die Veränderung von width:xxx%, oder das hinzufügen von max-width:xxx% helfen.