Support » Allgemeine Fragen » Video und Text in eine Zeile

  • Gelöst snoriginal

    (@snoriginal)


    Hallo zusammen,

    ich möchte auf der o.g. Seite gern das eingebundene Video mit dem Text darunter in eine Zeile packen. Aus irgendwelchen Gründen nimmt ein Video aber immer eine ganze Zeile ein, weshalb es nicht funktioniert. Mit einem Bild (am Anfang des Beitrags auf der Seite) funktioniert es natürlich …

    Hat vielleicht Jemand eine Idee?

    Übrigens macht es keinen Unterschied ob man das Video über WordPress direkt einbindet und hochlädt, oder extern von Youtube.

    Danke schon mal im Voraus.

    VG Mario

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Hallo @snoriginal und willkommen im Forum,

    aus irgendwelchen Gründen nimmt ein Video aber immer eine ganze Zeile ein, weshalb es nicht funktioniert.

    Erst einmal zu den Gründen: Das Video wird als iframe eingebunden und damit als Block-Element ausgegeben. Du müsstest das Stylesheet also so ändern, dass das Video per display: inline-block ausgegeben wird. Der nachfolgende Text muss außerdem unmittelbar nach dem Video-Tag folgen, weil WordPress bei jedem Zeilenschlag eine Absatz-Formatierung <p> hinzufügt.

    Ich würde aber vermutlich eher mit einem Lightbox-Plugin arbeiten und ein Vorschaubild mit dem Video verknüpfen. (Hab ich jetzt nicht weiter ausprobiert, weil das bei mir im Moment den zeitlichen Rahmen sprengt.)

    Thread-Starter snoriginal

    (@snoriginal)

    Das lag zb an Youtube.

    Nun habe ich es wieder als normales Video eingebunden, gleicher Effekt. Er packt es jetzt aber in ein div.

    Der aktuelle Code ist:

    <div style="width: 350px;" class="wp-video"><!--[if lt IE 9]><script>document.createElement('video');</script><![endif]-->
    <video class="wp-video-shortcode" id="video-1-1" width="350" height="437" preload="metadata" controls="controls"><source type="video/mp4" src="http://balasudundaralp.de/wp-content/uploads/2018/08/karbonatmaske.mp4?_=1" /><a href="http://balasudundaralp.de/wp-content/uploads/2018/08/karbonatmaske.mp4">http://balasudundaralp.de/wp-content/uploads/2018/08/karbonatmaske.mp4</a></video></div>

    … was aber trotzdem ein Block-Element ist.

    Probier doch mal folgendes Zusätzliches CSS im Customizer:

    .postid-1 .wp-video { float: left; margin-right: 10px; }

    Thread-Starter snoriginal

    (@snoriginal)

    Okay, das scheint das „Problem“ tatsächlich zu beheben!

    Manchmal ist es ja doch so einfach, nur man sieht es nicht direkt.

    Vielen Dank! 🙂

    Naja, soo einfach war das nicht.
    Aber vielen Dank für die Wertschätzung. 😉

    Thread-Starter snoriginal

    (@snoriginal)

    Das war übrigens sehr wertschätzend gemeint! 🙂 Und mit „einfach“ meine ich, dass so ein kleiner Codeschnipsel diese Sache behebt, nicht, dass es einfach ist, das rauszufinden. 🙂

    OK, OK, das lasse ich gelten. 😀

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Video und Text in eine Zeile“ ist für neue Antworten geschlossen.