video-datei platzieren?

Dieses Thema im Forum "Web Page Design" wurde erstellt von bastianschroeer, 03.09.2006.

  1. bastianschroeer

    bastianschroeer Thread Starter Gast

    hallo,
    ich bastel gerade an einer simplen hp und stehe vor einem problem.
    ich würde gerne eine video-datei (.mov) einbinden so dass diese zentriert auf
    dem Hintergrundbild liegt. ich arbeite mich einfachem html in dreamweaver.
    hat jemand ne idee wie das umzusetzten ist?

    hier noch ein jpg:
    wo das schwarze feld ist soll später das video platziert werden.

    liebe grüße
     

    Anhänge:

    • hp.jpg
      hp.jpg
      Dateigröße:
      61,6 KB
      Aufrufe:
      30
  2. KonBon

    KonBon MacUser Mitglied

    Beiträge:
    4.921
    Zustimmungen:
    20
    MacUser seit:
    11.02.2003
    Hat Dreamweaver nicht eine Funktion um Videos einzufügen?
     
  3. bastianschroeer

    bastianschroeer Thread Starter Gast

    dreamweaver hat diese funktion. das einfügen ist auch nicht das problem sondern dass exakte platzieren. das video soll auf dem hintergrungbild liegen! da ich nicht sehr versiert bin im umgang mit dreamweaver brauche ich dringend hilfe
    lg
     
  4. cyberrob

    cyberrob MacUser Mitglied

    Beiträge:
    175
    Zustimmungen:
    5
    MacUser seit:
    16.12.2003
    Das machst du am besten mit CSS, indem du das Video in ein div packst und das dann zentriert positionierst.
     
  5. bastianschroeer

    bastianschroeer Thread Starter Gast

    kannst du das genauer beschreiben? bei selfhtml wurde ich nicht wierklich fündig.
    lg
     
  6. cyberrob

    cyberrob MacUser Mitglied

    Beiträge:
    175
    Zustimmungen:
    5
    MacUser seit:
    16.12.2003
    Naja, auf deinem angehängten Screenshot ist ja nicht so viel zu erkennen, aber ich schick dir mal einen Codeschnipsel, wie ich das machen würde.
    Die Werte musst du natürlich an die Größe deines Videos anpassen.
    Wichtig ist nur, dass die Werte von margin-left und margin-top jeweils die Hälfte der Werte von width und height mit vorangestelltem Minus sind.

    <html>
    <head>
    <style type="text/css" media="screen">
    <!--
    #content {
    height: 500px;
    width: 660px;
    left: 50%;
    top: 50%;
    position: absolute;
    visibility: visible;
    margin-left: -330px;
    margin-top: -250px;
    }
    -->
    </style>
    </head>
    <body>
    <div id="content" align="center">
    <!-- Anstelle des Kommentars kommt hierher der Link zu deinem Video--> </div>
    </body>
    </html>
     
  7. bastianschroeer

    bastianschroeer Thread Starter Gast

    ok vilen dank.
    ich habs gerade mal versucht aber es hat nicht geklappt.
    ich arbeite i.d.r lediglich mit einfachem html und bin in css wirklich nicht fit.
    ich beschreibe noch mal genau was ich machen will:

    hintergrundfarbe-> schwarz (immer 100%)

    darüber

    Bild-> zentriert

    darüber

    video-> zentriert

    ich habe noch mal das jpg angehangen welches über den hintergrund soll

    wenn mir jemand das script schreiben könnte bzw mir sagen kann wo ich bei selfhtml die nötigen infos finde wäre ich sehr dankbar.

    liebe grüße
     
  8. bastianschroeer

    bastianschroeer Thread Starter Gast

    hier das bild
     

    Anhänge:

    • hp.jpg
      hp.jpg
      Dateigröße:
      69,5 KB
      Aufrufe:
      18
Die Seite wird geladen...

Diese Seite empfehlen