Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 30, 2016 at 11:51 am #679347
    voldor

    Hi,

    We are designing a page which will consist in many color sections with background video. We don’t want that all the videos will reproduce at the same time, so we would like to know if it is possible to create a custom css section id that make the videos play just on hover by mouse.

    Thanks in advance.

    Xavi

    September 1, 2016 at 7:07 am #680510
    Rikard

    Hi Xavi,

    I think that would take a lot of work and customisation to the theme and would be considered out of scope of theme support unfortunately, could you maybe try adding a video element for the videos you don’t want to auto play instead maybe?

    Thanks,
    Rikard

    September 2, 2016 at 11:33 am #681232
    voldor

    Ok, no problem with that. We have thought about the design and we would like to now if something of these three things would be possible.

    1st) That would be the perfect solution and would consist in assign the movement from one fullscreen section to another (what happens when you click the down arrow in the bottom) with just touching the scroll roulette. In other words, what made xiomi for his band:

    http://www.mi.com/my/miband/

    but without any need of showing the points or any additional parallax effect.

    2nd) Another good solution for us would be stablish the background video in fixed position just as it is possible with background images to get some parallax effect.

    3rd) Finally, the third option, which I suppose it is the easiest but which we like the least is to edit the position and colour of the arrow that appears at the bottom of each section to jump of one to another.

    Thanks in advance.

    September 6, 2016 at 3:53 pm #682686
    Andy

    Hi,

    the 1st one would need a lot of custom work. Show us an example of the 2nd one, not sure what you mean. The 3rd one would be possible. Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Feel free to hire a freelance developer here: http://kriesi.at/contact/customization

    Best regards,
    Andy

    September 6, 2016 at 7:12 pm #682801
    voldor

    And example of the 2nd one with and image instead of a video would be the parallax effect in the image of the tower in the first link I attach in this message.

    We just need to change the video background from scroll configuration to fixed configuration.

    The page where would go the videos it is the second link. The videos that are now displayed are rjust random examples. In the third case we would just need to change the colour of the arrow to the yellow of the logo and move it slightly up and maybe make it slightly bigger.

    Thanks in advance.

    Xavi

    September 7, 2016 at 2:15 pm #683129
    Andy

    Hi,

    unfortunately 2nd won’t be easily possible, because something like parallax works for images only by default.

    To change scroll down arrow use this code:

    #top .scroll-down-link {
color: red;
font-size: 90px;
}

    and adjust as needed.

    Best regards,
    Andy

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.