Videos linksbündig

• 

  kwortschmidt · Mitglied · August 5, 2011 at 11:41 am

  • Link kopieren
  • Thema zu Favoriten hinzufügen

  Moinsen.

  Wie richte ich ein verknüpftes Video von meinetwegen Youtube aus? Ich hätte die gern linksbündig. Momentan stehen die mittig … dank euch!

  Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

• 

  iqatrophie · Moderator · August 5, 2011 at 6:10 pm

  • Link kopieren

  Auch hier hat Panos einen Artikel verfasst, der hilfreich sein könnte. :)

  Shortcode objects and changing their default positioning (pt. 1)

  Gruß
  Martin(IQ)

• 

  iqatrophie · Moderator · August 5, 2011 at 6:15 pm

  • Link kopieren

  Es geht offenbar auch ohne Tabelle. Siehe dazu http://phloatingman.wordpress.com/2010/10/07/align-and-resize-youtube-videos-on-wordpress-com/

  <p class="alignleft">
  [youtube=URL]
  </p>

  Ich schätze, du musst den Code im HTML Editor einfügen, damit es funktioniert. Einfach mal ausprobieren.

  Gruß
  Martin(IQ)

• 

  kwortschmidt · Mitglied · August 5, 2011 at 7:11 pm

  • Link kopieren

  Funktioniert so halb. Der Player ist jetzt zwar linksbündig, aber dafür läuft der eigentlich darunter stehende Text rechts vom Player. Wenn ich im HTML Editor Umbrüche mache, führt das auch nicht dazu, dass der Text wieder drunter steht … Vorschläge?

• 

  zodiac1978 · Mitglied · August 5, 2011 at 8:02 pm

  • Link kopieren

  Wie immer bei floating-Elementen musst Du den Textumfluss (floating) aufheben:

  <div style="clear:both;"></div>

  Dann fließt der Text nicht mehr um das YouTube-Video herum.

  Gruß, Torsten

• 

  kwortschmidt · Mitglied · August 5, 2011 at 8:33 pm

  • Link kopieren

  Kannst du mir erklären, was ein Floating-Element ist und an welche Stelle ich das in den HTML-Editor kopieren muss?

• 

  zodiac1978 · Mitglied · August 5, 2011 at 9:05 pm

  • Link kopieren

  Nun ja, floating bedeutet eben Textumfluss.
  Siehe auch: http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float

  Einfach nach dem gefloateten Element (in diesem Fall nach dem links ausgerichteten YouTube-Video, hilft aber auch beim links oder rechts ausgerichteten Bildern) einfügen. Also erst Video, dann clear:both, dann Text.

  Gruß, Torsten

• 

  kwortschmidt · Mitglied · August 12, 2011 at 8:50 am

  • Link kopieren

  Moinsen Torsten.

  Das hat doch nicht funktioniert. Das Video war linksbündig, weil es einfach so groß war. Ich hab aktuell ein Vimeo-Video, das recht klein ist und damit funktioniert das nicht. Hiermal der Code, den ich eingegeben hab:

  <p> [vimeo http://vimeo.com/27606624%5D </p>
  <div style=“clear:both;“></div>
  Das neue Video von Yeezus und Hov, Regie: Spike Jonze.

  Das ist nicht richtig, nehme ich an?

  Wenn ich die Größe des Videos definieren könnte, würde das vermutlich auch funktionieren. Wäre das irgendwie möglich?

• 

  iqatrophie · Moderator · August 12, 2011 at 4:03 pm

  • Link kopieren

  Du kannst die Größe des Videos durchaus mit Parametern beeinflussen. Steht auf der entsprechenden Vimeo Supportseite.

  Ungefähr so:

  <p class="alignleft">
[vimeo http://vimeo.com/27606624 w=500&h=400]
</p>
<div style="clear:both;"></div>

  Bei anderen Videos geht das auch. Es ändert sich lediglich die Syntax. Näheres auf den jeweiligen Supportseiten der Shortcodes

  Gruß
  Martin(IQ)

• 

  kwortschmidt · Mitglied · August 12, 2011 at 7:39 pm

  • Link kopieren

  Kannst du mir jetzt noch im allerletzten Schritt mal einen vollständigen HTML-Text kopieren, in dem ein Video linksbündig ist? Das Größe-definieren hat funktioniert!

• 

  zodiac1978 · Mitglied · August 12, 2011 at 8:58 pm

  • Link kopieren

  Hat er doch! Das class=“alignleft“ sorgt doch für die Linksbündigkeit …

  Gruß, Torsten

• 

  iqatrophie · Moderator · August 13, 2011 at 9:01 pm

  • Link kopieren

  Wie Torsten schon gesagt hat, ist der HTML Code eigentlich vollständig. Oben und unten ginge es mit normalem Text weiter.

  Blablablablabla Blablablablabla Blablablablabla
  Blablablablabla Blablablablabla Blablablablabla
  
  <p class="alignleft">
  [vimeo http://vimeo.com/27606624 w=500&h=400]
  </p>
  <div style="clear:both;"></div>
  
  Blablablablabla Blablablablabla Blablablablabla
  Blablablablabla Blablablablabla Blablablablabla

  Gruß
  Martin(IQ)