Wrap ein DIV-Element mit einem style um ein eingebettetes YouTube-video

Habe ich embedded drei YouTube-videos auf eine Seite, aber ich habe mich wickelte Sie mit einem DIV und einer KLASSE namens "videoplayer", aber das DIV-Element und die KLASSE scheinbar ignoriert, weil Sie nicht die Anzeige in der Seite.

Können Sie es hier zu sehen: http://72.4.166.89/en/tutorial.asp

Hier ist der CSS verwendet wird:

.videoplayer {
border: 1px solid #1D740C;
height: 384px;
width: 480px;
padding: 0px;
margin-left: 25px;
margin-bottom: 25px;

}

Ist, habe ich mich mit den meisten meiner Werkzeuge und ich sehe nicht, das DIV wird, oder die KLASSE verwendet wurde, aber Sie sind da.
Hat sonst noch jemand dieses, oder ist das nicht erlaubt?

  • Könnte Sie veröffentlichen Sie css verwendet, um Stil der div?? Auf diese Weise können wir sagen, was fehlt 🙂
  • Wha ' TS wirklich interessant ist, ich habe gezogen aus einer der videoplayer divs und css in jsfiddle, und es funktioniert: jsfiddle.net/Damien_at_SF/guSAC (ps ich habe die 390px Höhe, dieselbe Höhe wie der Spieler :P)
InformationsquelleAutor stephmoreland | 2011-01-06
  1. 3

    Anstatt die div zu umgeben, den Spieler und eine Klasse hinzufügen, um das div, warum nicht einfach verwenden Sie die integrierte in der Klasse der Spieler youtube-player bewerben Sie Ihre styling:

    .youtube-player{
    border: 1px solid #1D740C;
    height: 390px;
    width: 480px;
    padding: 0px;
    margin-left: 25px;
    margin-bottom: 25px;
}

    Beispiel auf jsfiddle: http://jsfiddle.net/Damien_at_SF/guSAC/1/

    Diese übergibt den Bedarf an einem übergeordneten div-Element und auch das problem, dass Sie oben 🙂

    hoffe, das hilft 🙂

    • Danke für den Tipp. Ich habe es aufgegeben, weil selbst wenn ich es bekommen kann, um anderswo Arbeit, Sie weigert sich zu arbeiten, die auf dieser Seite und ich habe nicht wirklich die Zeit, es zu beheben.
    InformationsquelleAutor Damien-Wright
  2. 1

    Dem div mit der Klasse "videoplayer" auf Ihrer Seite-aber nicht alles tun außergewöhnlich, wenn Sie nicht alle css-style-Informationen. Wenn Sie wollen sehen das div, fügen Sie eine Hintergrundfarbe oder border etc. zB.

    div.videoplayer {
background:black;
border:2px solid red;
padding:10px;
}

    ...oder etwas zu diesem Effekt.

    • Das div unsichtbar ist (wie es sein sollte), ohne Stil zu helfen. Die einzige Art, angewendet auf das div-text-Größe und ein paar anderen irrelevanten Regeln, dass nicht das div selbst keine Erscheinung. @mozami Vorschlag wird fix it for ya.
    • Auch im Kommentar der OP Links oben (jetzt nach der post), ein Rand Hinzugefügt wurde... das ist Also nicht ganz richtig, da der border nicht angezeigt, bis entweder...
    InformationsquelleAutor mozami
  3. 0

    Du bist div ist es, Sie können es nur nicht sehen im browser, ohne etwas Hilfe. Welche tools hast du benutzt? Versuchen Sie, firebug, es hat mich buchstäblich 3 Sekunden, um es zu finden mit der Suchfunktion.

    oder ist das nicht erlaubt?

    Seine definitiv erlaubt. Ein object-tag innerhalb eines div ist völlig in Ordnung.

    InformationsquelleAutor Gordon Gustafson
  4. 0

    Habe ich herausgefunden, dass Sie fehlen schließen der Registerkarte für (mindestens) einer deiner divs

     <div class="videoplayer"> 
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/icAFUlsysqg?rel=0" frameborder="0"></iframe> 
<!-- Sie sehen, es gibt keinen schließen </div> tag, also lass es hier --> 
<div class="videoplayer"> 
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/WC0E9jHw1B8?rel=0" frameborder="0"></iframe> 
</div> 
<div class="videoplayer"> 
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="480" height="390" src="http://www.youtube.com/embed/ayJbo1-ReBc?rel=0" frameborder="0"></iframe> 
</div>

    Und auch, Sie sollte definieren, einige CSS für diese Klasse 🙂

    • Oh mein Gott...ich KANN NICHT glauben, dass ich vergaß, Sie zu schließen Sie den tag. Ich war mehr abgelenkt, als ich dachte! Danke für den Hinweis meiner Fehler zu mir.
    • In einigen Situationen kann dies brechen Sie Ihre CSS-Formatierung, und Ihr browser unterstützt nicht die Anzeige, dass die Formatierung.
    InformationsquelleAutor Andreyco
Schreibe einen Kommentar