Hide links at the begining of the video

  • Resolved aaragon38

    (@aaragon38)


    5 months, 1 week ago

    Hi,

    I contact with you because I′m working on the web incluya.art and the intro shows a video with hyperlinks at the right and left of the door, I would need to hyde they hyperlinks and make them visible at the end of the video.

    I used the plugin background AWB to add the video and them containers with grids of generatepress to insert the hyperlinks.

    Can you please help me?

    Thanks and regards,

    Ana

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Arno Welzel

    (@awelzel)

    What you may try is client side shortcodes to show the links after a delay, for example like this, since the video takes 8 seconds:

    [timed-content-client show="0:08"]
    ... your content with links here ...
    [/timed-content-client]

    However – keep in mind, that the loading time of the video may not always be exactly the same! For some visitors a delay of 8 seconds may work, but others may need more like 10 or 12 seconds. So the results may vary, just give it a try.

    A better approach would be, if AWB would provide some kind of JavaScript call back, so it can trigger a custom function as soon as the video is finished. Then you could set the links with CSS visibility:hidden by default and let the JavaScript function change the style to visibility:visible when the video ends. This could also be combined with a animation to fade the links in (maybe using opacity and not visibility). Also see here how to build animations in CSS as seen here: https://www.w3schools.com/css/css3_animations.asp

    • This reply was modified 5 months, 1 week ago by Arno Welzel. Reason: Fixed formatting of code example
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.