nicht angemeldet
HTML 5 Backgroundvideo
0 0 
Der Martin
0 0 0 0 0 Der Martin
0 
Gunnar Bittersmann
HTML 5 Backgroundvideo
Hi,
und zwar suche ich einen Code für ein Fullscreen Backgroundvideo (HTML 5). Kennt den jemand oder kann mir jemand Tipps geben?
-
und zwar suche ich einen Code für ein Fullscreen Backgroundvideo (HTML 5). Kennt den jemand oder kann mir jemand Tipps geben?
HTML ist für Hintergründe nicht zuständig.
CSS sieht keine "Hintergrundvideos" vor.
Dein einzige möglichkeit ist ein video-Element[1] hinter den "Rest" zu positionieren - alles andere ist ein CSS-Problem.
[1]<video src="foo.webm" />
-
Hallo,
Hi,
und zwar ...
offensichtlich ist der erste Teil des Satzes, auf den sich das "und zwar" bezieht, beim Editieren verlorengegangen.
So long,
Martin--
Ungeschehene Ereignisse können einen katastrophalen Mangel an Folgen nach sich ziehen.
(Unbekannter Politiker)
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(-
Hallo,
Hi,
und zwar ...
offensichtlich ist der erste Teil des Satzes, auf den sich das "und zwar" bezieht, beim Editieren verlorengegangen.
So long,
MartinNe ich fang häufig meine Sätze mit "und zwar" an^^
Aber irgendwie funktioniert der code nicht:
``<body>
<video width=100% height=100% poster="video.jpg" style="z-index:-1;" controls autoplay>
<source src="video_final.mp4" type="video/m4v"></source>
<source src="video_final - Computer.m4v" type="video/m4v"></source><div style="width:100%; margin: 0 auto; height:250px; text-align:center; margin:0; z-index: 99;">
<p> </p>
<p> </p>
<p><img src="Logo.png" alt="" width="663" height="104" border="0" longdesc="" /></p>
</div><div style="margin: 0 auto; width:1000px;">
<div style="width: 250px; float:left; text-align:center; padding-top:25px;">
<p><img src="bild.jpg" alt="" width="215" height="55" border="0" longdesc="" /><br />
<br />
Launching soon.</p>
</div><div style="width: 250px; float:left; text-align:center;padding-top:25px;">
<p><a href="LINK.html" target="_parent"><img src="images/cyperior_store_ohg.jpg" alt="" width="215" height="55" border="0" longdesc="" /><br />
</a><br />
<a href="LINK.html" title="" target="_parent">Launching soon</a></p>
</div><div style="width: 250px; float:left; text-align:center;padding-top:25px;"> <p><img src="bild.jpg" alt="" width="215" height="55" border="0" longdesc="" /><br />
<br />
Launching soon.</p>
</div><div style="width: 250px; float:left; text-align:center;padding-top:25px;"> <p><a href="" target="_parent"><img src="bild.jpg" alt="" width="215" height="55" border="0" longdesc="" /><br />
</a><br />
<a href="" title="" target="_parent"></a></p>
</div>Ihr Browser unterstützt das Objekt nicht!
</video>-
Oke habs hinbekommen, allerdings ist das Video nicht im Hintergrund, sondern nebeneinander. Wie bekomme ic hdas Video aber in den Background?
<div style="z-index:1; position:absolute;"> <video width=100% height=100% poster="video.jpg" autobuffer loop autoplay> <source src="final.mp4" type="video/mp4"></source> <source src="final.m4v" type="video/m4v"></source></video> </div> <div style="z-index:999999; position: relative;"> . . . </div>-
Oke habs hinbekommen, allerdings ist das Video nicht im Hintergrund, sondern nebeneinander. Wie bekomme ic hdas Video aber in den Background?
Indem du dir <http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=die Grundlagen> aneignest.
Das zusätzliche div-Element um das video-Element ist übrigens überflüssig.
video/m4v ist übrigens nicht der richtige MIME-Type für M4V-Container - und in beiden Fällen fehlt die Angabe der verwendeten Codecs. Fehlen diese, musst du dich darauf verlassen, dass das im HTTP-Header richtig übermittelt wird - und das ist _sehr_ unwahrscheinlich.
-
Oke habs hinbekommen, allerdings ist das Video nicht im Hintergrund, sondern nebeneinander. Wie bekomme ic hdas Video aber in den Background?
Indem du dir <http://de.selfhtml.org/css/eigenschaften/positionierung.htm@title=die Grundlagen> aneignest.
Das zusätzliche div-Element um das video-Element ist übrigens überflüssig.
video/m4v ist übrigens nicht der richtige MIME-Type für M4V-Container - und in beiden Fällen fehlt die Angabe der verwendeten Codecs. Fehlen diese, musst du dich darauf verlassen, dass das im HTTP-Header richtig übermittelt wird - und das ist _sehr_ unwahrscheinlich.
ich habe bereits jede Positionart durchprobiert, geht aber nicht :(
-
@@Rekain:
nuqneH
ich habe bereits jede Positionart durchprobiert
geht aber nicht :(
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
-
-
-
Hi,
Oke habs hinbekommen, allerdings ist das Video nicht im Hintergrund, sondern nebeneinander.
„Was ist der Unterschied zwischen einem Pinguin?“
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Hallo,
Oke habs hinbekommen, allerdings ist das Video nicht im Hintergrund, sondern nebeneinander.
„Was ist der Unterschied zwischen einem Pinguin?“je kälter, desto schwimmt er.
Ciao,
Martin--
Wer keiner Fliege etwas zuleide tut, darf sich nicht über die Maden im Fleisch wundern.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(-
„Was ist der Unterschied zwischen einem Pinguin?“
je kälter, desto schwimmt er.
Unsinn, wir haben Zaun!
-
„Was ist der Unterschied zwischen einem Pinguin?“
je kälter, desto schwimmt er.
Unsinn, wir haben Zaun!
Dieser Support hier ist sehr hilfreich :) Also ich habe jetzt mein Video in den Hintergrund bekommen, allergins wird es auf dem iPad oder iPhone nicht im Hintergrund abgespielt.
Woran liegt es?-
„Was ist der Unterschied zwischen einem Pinguin?“
je kälter, desto schwimmt er.
Unsinn, wir haben Zaun!
Dieser Support hier ist sehr hilfreich :)
Danke - dank deiner umfangreichen Fehlerbeschreibung war das auch nicht schwer.
Also ich habe jetzt mein Video in den Hintergrund bekommen, allergins wird es auf dem iPad oder iPhone nicht im Hintergrund abgespielt.
Woran liegt es?Am Wetter - immer noch.
-
@@suit:
nuqneH
Woran liegt es?
Am Wetter - immer noch.
Ich hätte auf die Erdstrahlung gesetzt. So kann man sich täuschen.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)-
Ich hätte auf die Erdstrahlung gesetzt. So kann man sich täuschen.
Dir könnte Die Mondverschwörung gefallen :)
-
-
-
-
-
-
@@ChrisB:
nuqneH
„Was ist der Unterschied zwischen einem Pinguin?“
Alle Beine sind gleich lang, besonders das linke.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
-
-
-
-