How to hide video-content when video in Playing?

  • Hi, how are you?

    There is any way to hide the video title (video-content) in Top Video Section after video starts to play? Cause this way is not good to watch it.

    Maybe with a mouse over to appear back again when i want to click and know more about this video.

    Thank u

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author VW THEMES

    (@vowelweb)

    Hello @marcelochagas,

    To hide the video content in the top video section, follow the below steps:

    Add the below CSS code in the additional CSS, for that Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the below CSS >> Publish it.

    .top-video .video-content{
display: none;
}

    Thank You.

    Thread Starter marcelochagas

    (@marcelochagas)

    Thanks, but unfortnely these dont works for what i want.

    I am already using :

    .video-content{
    opacity: 90%;
    }
    .video-content:hover {
    opacity: 0%;
    }`
    But this is not already good too, cause when the first page loads i want to see this content, i want to make it hide just after i have click Play in this specific Video. And then, when i put back mouse there again i want to see this content again.

    Maybe is not possible, but is a solution to view Videos whithout visual polution.
    But anyway, thank you again for you time and attencion.

    Theme Author VW THEMES

    (@vowelweb)

    Hello @marcelochagas,

    If you want to hide the content on mouse hover then the below CSS will work for it. follow the below steps:

    Add the below CSS code in the additional CSS, for that Go to Dashboard >> Appearance >> Customize >> Additional CSS >> Paste the below CSS >> Publish it.

    .one:hover .video-content, .two:hover .video-content, .three:hover .video-content{
    display: none;
    }

    Thank You.

    Thread Starter marcelochagas

    (@marcelochagas)

    Hi, thank you! We are almost there ??

    Based on your code i have done this one, but is not perfect yet. The only thing i need now, is when the page finish to loads for the firs time, .video-content (one, two and three) be there (default) and just disappear after a few seconds after that.

    So, when i mouse over there in content, my code start to works.

    .video-content {
    opacity: 0;
    transition: opacity 500ms;
    transition-delay: 1500ms;
    }

    .one:hover .video-content {
    opacity: 1;
    transition: opacity 100ms;
    transition-delay: 0ms;
    }

    I am sorry about my english, cause is not very good. But i hope you have understand me, maybe if you visit my webpage you can understand better what i am trying to do.

    Thank u!

    Theme Author VW THEMES

    (@vowelweb)

    Hello @marcelochagas,

    We have to do the code changes in the theme, when we do such, we will update you.

    Thank you.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to hide video-content when video in Playing?’ is closed to new replies.