Eigene Videos veröffentlichen!

Mit dem folgendem Code kann man sehr eifach eigene Videos auf seiner Homepage responsive veröffentlichen.

Einfügen vor dem <body> oder in die eigene css Datei.

<style>
.responsive-video {
padding-bottom: 56.25%;
position: relative;
overflow: hidden;
display: block;
height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
</style>

Einfügen an der Stelle wo das Video erscheinen soll

<div class="responsive-video">
    <iframe width="560" height="315" src="Pfad/zum/video/video.mp4" frameborder="0" allowfullscreen></iframe>
</div>

Wenn Sie einen Fehler gefunden haben, benachrichtigen Sie uns bitte, indem Sie den Text markieren und drücken Sie dann Strg + Eingabetaste.