Is this possible to do…

  • vbpartners

    (@vbpartners)


    13 years, 7 months ago

    We have an image (currently jpg but can change format if need be) that we would like to have a video run from within the center of it.

    In other words, it’s an imagine of an elaborate border and we’d want the video to stream from within.

    Has anyone done something like this? I’m interested in either learning how to do it myself or have someone handle it for me.

    Ideas?

Viewing 5 replies - 1 through 5 (of 5 total)
  • esmi

    (@esmi)

    13 years, 7 months ago

    You could add the image as the background to that particular video object via CSS.

    stevebluck

    (@stevebluck)

    13 years, 7 months ago

    Yes it is possible.

    You’ll need to play with the position:absolute; property and the z-index property.

    Absolute positioning allows you to overlap elements without disrupting other elements positioning. z-index allows you to place it infront or behind, you’ll need to practise with this as it has different effects in older browsers such as IE6.

    🙂

    Thread Starter vbpartners

    (@vbpartners)

    13 years, 7 months ago

    So glad to hear it’s possible, thanks!

    Is there someplace that covers how to do this? or somewhere i can post to farm it out to someone that knows how?

    thanks again for the quick response!

    stevebluck

    (@stevebluck)

    13 years, 7 months ago

    Here is a basic tutorial where you can actually try it yourself online.

    You’ll notice you can move the header anywhere, even over the content.

    It works the same with images and videos.

    You could also do it with a container with a background image then inside this container have your video which is aligned in the center, or center it out with padding.

    Thread Starter vbpartners

    (@vbpartners)

    13 years, 7 months ago

    thanks for the link, will be playing with it tonight 🙂

    crossing fingers 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Is this possible to do…’ is closed to new replies.