Video Einbetten

Unsere Videos können auch in Ihre eigene Webseite eingebettet werden!
Dabei verwenden wir den Videodienst vimeo.com. Für einigen Videos, ist eine Freigabe durch uns nötig.

Generell biete es sich an, ein Video «responsiv» - also auf das Gerät, dass die Webseite anzeigen soll «reagierend» - in Ihre Webseite einzubauen. Leider braucht dies meist einen kleinen Kniff da die Portale wie youtube, vimeo und co. die Einbettungscodes immer mit fixen breiten und höhen angeben ...

Diese Codezeilen müssen in Ihr CSS File (je nach System z.b.: theme.css, style.css):

.video-2go {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.video-2go iframe,
.video-2go object,
.video-2go embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

Danach kann an jeder beliebigen Stelle das iFrame des entsprechenden Videos als <div> eingefügt werden: (Videolink ID nach bedarf anpassen)

<div class="video-2go"><iframe src="https://player.vimeo.com/video/317264921"  frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>

Haben Sie keinen Zugriff auf diese Option, verwenden Sie einfach den Standartcode.
Das Video ist dann leider auf Handys meist breiter als der Bildschirm. (Videolink ID nach bedarf anpassen)

<iframe src="https://player.vimeo.com/video/317264921" width="640" height="360" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Ein Projekt von:

 hilfmir.ch (2go.cam)
Schulstrasse 25 | 4132 Muttenz
  +41 79 425 40 47
  mail@2go.cam 
  Whatsapp
 Google Maps

Karte:

Soziale Medien