Werbung

.

Tipps und Tricks zu SEO


YouTubeYouTube-Videos lassen sich normalerweise nur mit festen Größenangaben einbetten. Das kann auf Webseiten mit Responsive Design zu einer unschönen Darstellung führen. Mit dem folgenden Trick klappt eine Einbindung für YouTube-Videos mit variabler Größe.

Einer der größten Verfechter von Responsive Design ist Google. Komisch also, dass sich ausgerechnet die Videos von Googles YouTube nicht per Responsive Design einbetten lassen, sondern nur mit festen Größenangaben. Die feste Größe kann dazu führen, dass das Design einer responsiven Webseite durcheinander gerät und nicht mehr schön aussieht - etwa dann, wenn das Video über den Rand hinausragt.

Mit einem einfachen Trick, den ich auf der Seite avexdesigns.com gefunden habe, lässt sich dieses Problem umgehen. Man braucht nur ein wenig CSS dazu, um einen speziellen Div-Container zu erstellen, der dann später das Video enthält. Der folgende CSS-Code muss dazu an passender Stelle ergänzt werden:

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

An der Stelle, wo später das Video angezeigt werden soll, ist der folgende Beispielcode einzufügen:

 <div class="video-container">
         <iframe src="http://www.youtube.com/embed/xxxxxxxxx" frameborder="0"

width="560" height="315"></iframe>
</div>

 


Christian KunzVon Christian Kunz+Mehr Infos hier.





Anzeige von Clixado

Artikelveröffentlichungen auf starken Magazinen und Blogs

Wir kooperieren mit unzähligen Verlagen und Bloggern und können daher auf über 4000 Blogs zu fast allen Themengebieten Artikelplätze anbieten:

    - Nachhaltiger Linkaufbau, kein SEO-Netzwerk
    - Hohe Sichtbarkeitswerte, keine expired Domains
    - Einmalzahlung, keine Vertragsbindung

Für jede Artikelveröffentlichung erstellen wir hochwertigen Content mit mindestens 400 Wörtern und publizieren den Artikel mit einem DoFollow-Bachlink zu deiner Seite auf einem Magazin oder Blog deiner Wahl.

Frag uns unverbindlich nach Beispielen




 

 


 

 

 

 

SEO-Checkliste

SEO-Checkliste

 

Anzeigen









SEO-Beratung

Suchmaschinenoptimierung und SEO-Beratung für Karlsruhe, Baden und die Pfalz

 

06340/351-943

 

info(at)seo-suedwest.de

SEO-Wissenstest

SEO-Wissenstest

SEO-News

IMAGE SEO-Recap 27.2.: versteckte Inhalte und Neues zur Bildersuche
Montag, 27. Februar 2017
Auch in Zukunft müssen Bilder mit Metadaten ausgestattet werden, damit Google deren Inhalte... Weiterlesen...
IMAGE Bildersuche: Google wird noch mehrere Jahre auf Metadaten angewiesen sein
Montag, 27. Februar 2017
Google wird noch lange auf Metadaten angewiesen sein, um Inhalte von Bildern richtig zuordnen diese... Weiterlesen...

Bekannt aus

Website Boosting


Internet World Business

SEO United


The SEM Post


Webselling

Sprecher auf

Partner

15 Prozent sparen!
Euer Rabatt-Code lautet SEOSWSMX

Auszeichnungen

SEO Südwest: Platz 5 bei den SEO-Wahlen 2014 zum besten deutschen SEO-Blog

 

SEO-united.de Tipp 12/15

iBusiness Top-100-Liste SEO-Dienstleister

SEO Südwest English website

Jetzt vernetzen

SEO-Glossar

SEO-Glossar

 

SEO-Kalender 2017

SEO-Kalender 2017

 

Onsite-Optimierung

Onsite-Optimierung

 

SEO- und Suchmaschinenblogs

News aus dem Blog

IMAGE Nur der KSC!
Montag, 01. Juni 2015
Schluss. Aus. Vorbei. Der KSC spielt auch in der kommenden Saison in der zweiten Liga. Einsatz,... Weiterlesen...
IMAGE SEO: Können 'Ausverkauft'-Seiten in Online-Shops positive Rankingeffekte haben?
Sonntag, 01. Februar 2015
Wie geht Google eigentlich mit Seiten aus Online-Shops um, die nicht mehr lieferbare Produkte... Weiterlesen...
IMAGE Die zehn erfolgreichsten Beiträge 2016
Dienstag, 27. Dezember 2016
Von den vielen Nachrichten, die im Lauf des Jahres 2016 auf SEO Südwest veröffentlicht wurden,... Weiterlesen...

 Eine Auswahl zufriedener Kunden

Rebel - Bad Küche Raum
Schöne Haare Karlsruhe
kr3m
feel-perfect.eu - Die Nährstoffexperten border=
Flintec IT GmbH
ESM Academy

Verbinden

Social Networks und RSS-Feed