Embedded Web video with fancy frame around it

Discussion in 'Web Design and Development' started by hugoreynolds, Jan 17, 2007.

  1. hugoreynolds macrumors member

    Joined:
    Jul 25, 2006
    #1
    Can you guide me on how to embed a video like quicktime/flash into my site and have a fancy framing around it, like the stuff you see on official movie sites......they have their trailer playing but it's not just the usual video player sitting there, it has surrounding it some kind of decoration to make it blend into the page better....eg: a film set in the 60's will have the trailer playing inside an old style tv set.

    hope someone out there knows what the hell im talking about !

    thanks for reading
    h
     
  2. decksnap macrumors 68040

    decksnap

    Joined:
    Apr 11, 2003
    #2
    You would just do it the way you design a page around anything else. It isn't any different than designing around an image.
     
  3. hugoreynolds thread starter macrumors member

    Joined:
    Jul 25, 2006
    #3
    how would you do it, as i have no clue on this kind of stuff. can you show me how you would put an image around an embedded video on a web page ?

    show me how to make my embedded video trailer play as if it was framed by a window frame and curtains that slightly intrude on the actual video box.

    thanks for any help....

    h
     
  4. wordmunger macrumors 603

    wordmunger

    Joined:
    Sep 3, 2003
    Location:
    North Carolina
    #4
    Just make a table, then slice your picture into pieces that fit into the table around the video, then use "embed" html to embed the video. If you have Fireworks, the slicing process is automatic.
     
  5. noelister macrumors 6502

    Joined:
    Jan 15, 2005
    #5
    I would maybe try doing this with CSS.

    Just create a div for the embedded content, from there I would just use CSS to set the frame picture as the background. You may need to tinker with the padding property to make the background image appear as if it is a frame. This may prevent the use of tables. Which is frowned upon now of days.
     
  6. hugoreynolds thread starter macrumors member

    Joined:
    Jul 25, 2006
    #6
    thanks people, your suggestions have certainly helped me. would these methods allow me to have those curtains actually drape over the content of the video slightly, on the left and right sides or would that require more complex stuff ?

    thanks
     
  7. jsm4182 macrumors 6502

    Joined:
    Apr 3, 2006
    Location:
    Beacon, NY
    #7
    That should be fairly simple if you know css. You can use positioning and create the curtains as a gif, or png if thats ok for your audience.
     
  8. wordmunger macrumors 603

    wordmunger

    Joined:
    Sep 3, 2003
    Location:
    North Carolina
    #8
    Sure, I was just figuring someone who had no clue what he was doing might have more luck with tables than CSS.
     
  9. noelister macrumors 6502

    Joined:
    Jan 15, 2005
    #9
    Very understandable. I apologize for coming across the way that I did. :eek:
     

Share This Page