Native video html5 wrong layout buttons

  • Resolved danjde

    (@danjde)


    5 years ago

    Hi Friends!
    A few days ago we noticed a problem with the video buttons (play, pause, full screen, mute, etc), here the video where you can see the behavior.

    This is the html code:

    [video poster="https://www.staccoexperience.com/wp-content/uploads/2019/03/copertina-video-02-e1552462718327.jpg" width="1200" height="676" mp4="https://www.staccoexperience.com/wp-content/uploads/2019/03/2a-versBN_20fps1200.mp4"][/video]

    Could you give me some tips to solve this issue? 🙂

    Many thanks!

    • This topic was modified 5 years ago by danjde.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Moderator James Huff

    (@macmanx)

    Volunteer Moderator

    5 years ago

    I’m not seeing any problems here: https://cld.wthms.co/VT389H

    What exactly is the problem?

    Thread Starter danjde

    (@danjde)

    5 years ago

    Hi James!
    In fact I resolved last night!

    The problem was a changes on css style.
    I’m using an (abandoned) theme from Eight Degree, and I was edited its “shortcodes.css” from:

    /*-----------------------------------------------------------------------------------*/
/*      button Styles
/*-----------------------------------------------------------------------------------*/
.button, button, input[type="submit"]{
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid;
  padding: 7px 40px 6px 40px;
  max-width: 100%;
  border-radius: 2px;
}

    to

    /*-----------------------------------------------------------------------------------*/
/*      button Styles
/*-----------------------------------------------------------------------------------*/
.button, button, input[type="submit"]{
  display: inline-block;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
  border: 2px solid;
  padding: 12px 40px 12px 40px !important;
  max-width: 100%;
  border-radius: 2px;
}

    And this was break some site buttons!…

    Thanks very much for your help!!

    Davide

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Native video html5 wrong layout buttons’ is closed to new replies.