mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Di 23.04.2024 16:06 Benutzername: Passwort: Auto-Login

Thema: html 5 Video Tag vom 24.03.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> html 5 Video Tag
Seite: 1, 2  Weiter
Autor Nachricht
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Mi 24.03.2010 20:38
Titel

html 5 Video Tag

 Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mi 24.03.2010 21:23
Titel

Antworten mit Zitat Zum Seitenanfang
ü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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Do 25.03.2010 10:42
Titel

Antworten mit Zitat Zum Seitenanfang
Wir haben hier einen Info Thread zu dem Thema HTML5

http://www.mediengestalter.info/forum/22/info-html5-130168-1.html

Dort findest Du sicherlich Infos die Dich weiterbringen.
  View user's profile Private Nachricht senden
Smooth-Graphics

Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 25.03.2010 10:57
Titel

Antworten mit Zitat Zum Seitenanfang
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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Do 25.03.2010 12:20
Titel

Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 25.03.2010 12:37
Titel

Antworten mit Zitat Zum Seitenanfang
hast du das vlt. irgendwo online? kann ich mir so schlecht vorstellen Lächel
  View user's profile Private Nachricht senden
bongartz
Threadersteller

Dabei seit: 05.01.2007
Ort: Uerdingen / Ingolstadt
Alter: 38
Geschlecht: Männlich
Verfasst Do 25.03.2010 12:56
Titel

Antworten mit Zitat Zum Seitenanfang
emorikaner hat geschrieben:
hast du das vlt. irgendwo online? kann ich mir so schlecht vorstellen Lächel


klar doch: klick
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 25.03.2010 14:12
Titel

Antworten mit Zitat Zum Seitenanfang
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 Meine Güte!

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 Grins
  View user's profile Private Nachricht senden
 
Ähnliche Themen 3gp (Video) in HTML einbetten?
HTML 5 Video iPhone Problem
Video-Player in HTML-Seite einbinden
Youtube Video in Hompage einbetten (Html)?
Flash Video in html einbetten OHNE Steuerungsskin
Video innerhalb einer html-Seite abspielen
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB