Video in Post einbinden

Hallo,

ich benutze dafür das YouTube Embed Plugin 7.1 .
Wenn du einfach nur Videos einfügen willst und nicht viel daran verändern willst und SEO technisch auch nichts aufbessern möchtest, dann kannst du ganz einfach den Link einfügen ;)

einfach die URL des youtube Videos in den Content kopieren, und fertig, ist Wordpress Standardfunktion

Hallo,
ich probiere nun schon ewig herrum, aber ich weiß leider nicht wo überhaupt die Fehlerquelle zu suchen ist. Vielleicht könnt ihr mir hier weiterhelfen.

Wie ich ein Youtube-Video grundsätzlich einbette, ist mir bekannt. Da habe ich auch schon einiges getestet. Sei es über Plugins, direktes Eingeben der URL in den Beitrag, Einfügen der Einbettungscodes (neu und alt von) Youtube....

Wenn ich dann aber auf Beitragsvorschau gehe oder den Artikel veröffentliche, ist die Ansicht der eingefügten Videos total merkwürdig.

Es ist ein wahnsinnig großer Abstand zwischen dem Artikeltext und dem Video, obwohl keine Leerzeilen etc. im Code zu finden sind.
Und meistens wird das Video auch nicht in der richtigen Größe angezeigt, sondern eher wie ein Thumbnail (kann aber abgespielt werden).

Ich verzweifel hier langsam und hoffe ihr könnt mir Tipps geben, wo der Hund begraben liegt? Gerne liefere ich dann entsprechende Codeschnipsel oder Links nach... Aber im Momnt weiß ich einfach gar nicht, wo ich überhaupt schauen soll.

Was wäre denn jetzt ab der aktuellen Wordpress-Version generell die empfehlenswerteste Art ein Video einzubinden?

Liebe Grüße,
Annika

Hier ist mal ein Screenshot, wie es angezeigt wird:

Da ich den Artikel so nicht veröffentlichen mag, kann ich ihn leider nicht direkt verlinken.

Das ist der verwendete Code:

<iframe width="640" height="390" src="//www.youtube.com/embed/-JL9vqsOl84" frameborder="0" allowfullscreen></iframe>

Bei der URL wird beim Youtube-Code kein "http" eingefügt, keine Ahnung warum. Habe versucht ob es darin liegt, aber dann ändert sich an dem Abstand im Artikel nichts, außer das das Minivideo dann auch verschwunden ist.

Hat jemand eine Idee wo die Fehlerquelle überhaupt liegen könnte? An WP, an meinem Browser, am verwendeten Code, am Theme (magazine basic) ???? I don't know...

Überprüfe zuerst Deinen Wert bei height und dann überprüfe, ob der code im Quelltext richtig ausgegeben wird.

<iframe width="640" height="360" src="//www.youtube.com/embed/-JL9vqsOl84" frameborder="0" allowfullscreen></iframe>

Scheint ein Problem mit dem "responsive-video-wrapper" zu sein. Zumindest sehe ich da ein div mit dieser CSS-Klasse und einem padding-top von fast 61%, daher kommt zumindest der große Anstand obendrüber. Und wer weiß, was der noch alles am Video rumfummelt.

Gruß
Ingo

Jetzt habe ich es doch noch zum Test bei mir eingebunden. Oben gut, unter ist der Abstand etwas größer, etwa so wie bei zweimal p, doch das ließe sich noch kaschieren, in dem es halt inline im Absatz benutzt wird.

So ist der Abstand oben und unten gut:

<iframe style="border: 0px; margin-bottom: 0px" src="//www.youtube.com/embed/-JL9vqsOl84" height="360" width="640" allowfullscreen=""></iframe>

Hallo ihr zwei,

danke für eure Hilfe. Ich habe mittlerweile herrausgefunden, woran es lag. Das Theme ließ sich nicht richtig updaten, es stand immer da, dass die neue Version erfolgreich installiert wurde, aber es verschwand nicht aus den Aktualisierungen.
Nun hab ich das ganze mal manuell versucht und siehe da, raus aus den Aktualisierungen.

Nebeneffekt: Video wurde richtig angezeigt. Dann habe ich meine alte Style-css wieder eingefügt und schwupp, Video wieder klein.

Somit konnte ich die Fehlerquelle auf die style.css eingrenzen. Und zwar steht in der neuen Version:

Videos
-------------------------------------------------------------- */
video {
    max-width: 100%;
    height: auto;
    }


.responsive-video-wrapper {
    width: 100%;
    position: relative;
    padding: 0;
}


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

In der alten sah dieser Abschnitt wie folgt aus:

/* =Videos
-------------------------------------------------------------- */
video {
    max-width: 100%;
    height: auto;
    }


iframe,
embed,
object {
    }

Warum weiß ich nicht. Das ist ein Bereich an dem ich garantiert nie etwas verändert habe. Habe ja gerade erst seine Existenz festgestellt. ;-)

Da ich hier gerade "learning-by-doing" betreibe und das alles nur mit copy und paste gemacht habe:

Ist der neue Code an sich in Ordnung oder kann man da was verbessern?

LG