png over video plugin

  • clucia10

    (@clucia10)


    8 years ago

    Hello everybody.

    I’m looking for a plugin or a widget that allows me to do something like this:

    https://fueled.com/ scroll down to the phone part. My client will give me .mp4 video and he wants me to insert it into a phone image like the one in that site.

    Even if there is a wordpress theme that already has that option.. it would be great.

    Please help !!!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Luis Sacristán

    (@displaynone)

    Hi

    Perhaps it is difficult to find a theme that have what you need.

    You can do it in your theme using a container layer with a background image showing the phone and inside it the video. You must put the video in the place of the phone box.

    <div class="video_container">
  <video>
</div>

    And the CSS

    .video_container {
  background: url(...) no-repeat;
  padding: 50px 100px; /* depends of the background */
}

    Hope it helps

    Thread Starter clucia10

    (@clucia10)

    Great! thanks for your help, I just found out what they like about it, is the parallax effect when scrolling down, and they will send me 5 different videos that will have to change as people scroll.

    So, i’m even more confused now.

    I really do appreciate your help.

    Luis Sacristán

    (@displaynone)

    You should ask your client for an example of what they want.

    Perhaps parallax.js could help you

    https://matthew.wagerfield.com/parallax/

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘png over video plugin’ is closed to new replies.