| Autor |
Nachricht |
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 26
Geschlecht: 
|
Verfasst Mi 24.03.2010 19:38
Titel html 5 Video Tag |
  |
|
Hallo,
ich will eine Seite bauen wo im Hintergrund in Video läuft und über das Video ein Div gelegt wird. Jetzt frage ich mich gerade ob dies überhaupt machbar ist. Mit Flash klar ist das kein großes Problem. Aber ich will Flash nicht benutzten.
Kann der neue html 5 Video Tag das?
Danke
Gruß
Bongartz
|
|
| |
  |
 |
| |
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 21
Geschlecht:
|
Verfasst Mi 24.03.2010 20:23
Titel
|
|
|
über ein plugin wirst du (noch) nicht herum kommen, da <video> einfach noch nicht ausreichend unterstützt wird (fehlt zB. im IE).
Aber prinzipiell wärs schon möglich mit CSS einen <video> z-index 1 zu geben und dem <div> z-index 2.
|
|
| |
 |
|
Kash
Moderator
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 29
Geschlecht:
|
|
| |
|
|
Smooth-Graphics
Moderator
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 25.03.2010 09:57
Titel
|
|
|
| emorikaner hat geschrieben: | | über ein plugin wirst du (noch) nicht herum kommen, da <video> einfach noch nicht ausreichend unterstützt wird (fehlt zB. im IE). |
http://camendesign.com/code/video_for_everybody
| emorikaner hat geschrieben: | | Aber prinzipiell wärs schon möglich mit CSS einen <video> z-index 1 zu geben und dem <div> z-index 2. |
|
|
| |
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 26
Geschlecht:
|
Verfasst Do 25.03.2010 11:20
Titel
|
|
|
Hey danke für die Antworten, aberl dier hilft mir das noch nicht so ganz weiter. dass das Video abspielt ist ja kein Problem und wie ich damit in wemchem Broweser umgehen musst hatte ich mir auch schon überlegt. Nur mein Problem ist ja das mein Video immer immer vordergrund ist und das soll es ja nicht. hier mal einen Code:
| Code: | <div id="bgblaken"></div>
<div id="content">
<video width="800" height="420" controls="controls" id="bgbild">
<source src="video/test.mp4" type="video/mp4" />
<source src="test.ogv" type="video/ogg" />
This browser is not compatible with HTML 5
</video>
<div id="ueberschrft"></div>
<div class="contextextflied"></div>
</div> |
css
| Code: |
@charset "UTF-8";
html {
background-color: #292929;
}
#bgblaken {
position:absolute;
height:350px;
width:100%;
margin:-175px 0px 0px 0px;
top: 50%;
background-color: #212121;
right: 0;
}
#content {
position:absolute;
height:420px;
width:800px;
margin:-210px 0px 0px -400px;
top: 50%;
left: 50%;
border: 2px solid #ffffff;
}
div.contextextflied {
width: 350px;
height: 330px;
background: rgba(254,255,255,0.25);
margin-top: 43px;
float: right;
margin-right: 5px;
z-index: 3;
}
#ueberschrft {
width: 100px;
height: 30px;
background: rgba(254,255,255,0.25);
left: 350px;
float: right;
margin-top: 43px;
margin-right: 7px;
z-index: 2;
}
#bgbild {
position: absolute;
height:420px;
width:800px;
z-index: 1;
} |
Ich Danke euch für eure Hilfe.
Gruß
Bongartz
|
|
| |
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 21
Geschlecht:
|
Verfasst Do 25.03.2010 11:37
Titel
|
|
|
hast du das vlt. irgendwo online? kann ich mir so schlecht vorstellen 
|
|
| |
|
|
bongartz
Threadersteller
Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 26
Geschlecht:
|
Verfasst Do 25.03.2010 11:56
Titel
|
|
|
| emorikaner hat geschrieben: | | hast du das vlt. irgendwo online? kann ich mir so schlecht vorstellen |
klar doch: klick
|
|
| |
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: Augsburg
Alter: 21
Geschlecht:
|
Verfasst Do 25.03.2010 13:12
Titel
|
|
|
| bongartz hat geschrieben: |
@charset "UTF-8";
div.contextextflied {
width: 350px;
height: 330px;
background: rgba(254,255,255,0.25);
margin-top: 43px;
position: absolute;
float: right;
margin-right: 5px;
z-index: 3;
}
#ueberschrft {
width: 100px;
height: 30px;
background: rgba(254,255,255,0.25);
left: 350px;
float: right;
position: absolute;
margin-top: 43px;
margin-right: 7px;
z-index: 2;
}
#bgbild {
position: absolute;
height:420px;
width:800px;
z-index: 1;
}
|
Hätte ich auch ohne onlinebsp eig darauf kommen sollen 
Für nen z-index brauchst du position, und zwar entweder relative, absolute oder fixed.
Welches von den 3 ist egal.
Ach ja kann es sein, dass du .contextfield meinst ? Nicht schlimm nur mal aufgefallen 
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
[HTML,CSS] style-tag vs. class-tag
HTML Tag nur zur identifizierung mit einer ID
HTML TAG Zaehler-Tool
[html] meta tag title
[html] div-tag: class oder id
HTML TAG als Text in Javasript
|
|
Willkommen auf dem Portal für Mediengestalter
