Streaming live at 10am (PST)

Insert HTML iframe in Image (solved)


#1

Loving Webflow! I'm wanting to integrate a video iframe into an image of a mac screen, any clues?


#2

I would solve this by:

  1. Create a div with a class name of video-wrapper
  2. Give that div a background image of the mac screen and position: relative;
  3. Create a new div with a class name of video-inner inside of the video-wrapper
  4. Give that new inner div a position: absolute
  5. Drag in the EMBED widget inside of the video-inner
  6. put your video's embed code in there

done =)


#3

Terrific, worked a treat! Thanks heaps Pixel Geek!


#4

np. happy designing =)


#5