CSS Problem: Video mit Hintergrundbild - Paules-PC-Forum.de

22.03.2010, 19:36

Hey für meine HP will ich ein Youtubevideo so auf dem hintergrundbild (ein Laptop) platzieren, dass es aussieht als ob das Video auf dem Bildschirm dieses Laptops wiedergegeben wird nur leider funktioniert das irgendwie nicht. Denn das video platziert ssich auf dem hintergrundbild nicht richtig und das bild wird nur zur hälfte angezeigt:
CSS:

Code:

.videobg {
background-image: url(bildurl);
height: 516;
width: 743;
}

.video {
height: 516;
width: 743;
margin-left: 166;
margin-right: 166;
margin-top: 122;
margin-bottom: 123;

}

und hier der HTML abschnitt:

Code:

<div class="videobg">
<div class="video">
<object width="441" height="261"><Youtube Video Code USW.>
</div></div>

22.03.2010, 19:43

Ich Trootel!!! hat sich grade geklärt hab die px ses vergessen.

22.03.2010, 19:50

Jetzt habe ich aber noch ein Problem: margin-top verschiebt das Hintergrundbild mit...

Jochen2011 · 23.03.2010, 02:07

das kann ja auch so nicht gehen
du hast beide DIV`s gleich groß
das 2te DIV, was im 1ten DIV liegt
wird nachdem 1ten DIV ausgerichtet.

Das 1 DIV richtet man zentriert im Browser aus,
so das es sich der Browser Fenstergröße anpaßt.
zb.
Height:600:
Weight:800;
margin:auto;
positon:relativ;

den Youtube Film kannste einfach ein Center geben

SELFHTML: Stylesheets (CSS)

22.03.2010, 19:36	#1 (Direktlink)
XY Un"registriert" Gast Beiträge: n/a	CSS Problem: Video mit Hintergrundbild Hey für meine HP will ich ein Youtubevideo so auf dem hintergrundbild (ein Laptop) platzieren, dass es aussieht als ob das Video auf dem Bildschirm dieses Laptops wiedergegeben wird nur leider funktioniert das irgendwie nicht. Denn das video platziert ssich auf dem hintergrundbild nicht richtig und das bild wird nur zur hälfte angezeigt: CSS: Code: .videobg { background-image: url(bildurl); height: 516; width: 743; } .video { height: 516; width: 743; margin-left: 166; margin-right: 166; margin-top: 122; margin-bottom: 123; } und hier der HTML abschnitt: Code: <div class="videobg"> <div class="video"> <object width="441" height="261"><Youtube Video Code USW.> </div></div>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
womit VOB-Video-Format brennwomit VOB-Video-Format brennen für Home-Video-Player?	musivox	Allgemein	2	18.11.2009 22:49
hintergrundbild	alimati	Viren-Forum	15	23.05.2009 11:34
Video problem	need2eat	Software - Allgemein	1	26.10.2006 08:57
Hintergrundbild	ashot	Windows XP	4	08.12.2005 12:03
Hintergrundbild	sina	Windows XP	12	09.03.2004 19:28

22.03.2010, 19:43	#2 (Direktlink)
XY Un"registriert" Gast Beiträge: n/a	Ich Trootel!!! hat sich grade geklärt hab die px ses vergessen.

22.03.2010, 19:50	#3 (Direktlink)
XY Un"registriert" Gast Beiträge: n/a	Jetzt habe ich aber noch ein Problem: margin-top verschiebt das Hintergrundbild mit...

23.03.2010, 02:07	#4 (Direktlink)
Jochen2011 Dauergast Registriert seit: 28.11.2008 Beiträge: 1.197	das kann ja auch so nicht gehen du hast beide DIV`s gleich groß das 2te DIV, was im 1ten DIV liegt wird nachdem 1ten DIV ausgerichtet. Das 1 DIV richtet man zentriert im Browser aus, so das es sich der Browser Fenstergröße anpaßt. zb. Height:600: Weight:800; margin:auto; positon:relativ; den Youtube Film kannste einfach ein Center geben SELFHTML: Stylesheets (CSS)