Okay
  Public Ticket #2325760
Video controls
Closed

Comments

  •  2
    romain started the conversation

    Hello

    The Bauman Hosted Video could be very usefull, but there are some serious problems.

    • the progress bar is hard to click, like 1 pixel height precision ; hover should be active on 10 or 20 pixels in height around the bar, to easy navigate in video.
    • Neither the progress bar, nor the close button, nor the volume is shown in full screen, we have to press Escape key to close.
    • in full screen, we can't play or pause the movie !

    Thanks !

    Romain

  •  1,823
    Support replied

    Hi Romain

    1. try adding

    .video-cover.hidden {
        pointer-events: none;
    }

    .progress {
        height: 2px;
    }

    in customizer -> additional CSS

    increase the value of 2px to the desired height

    You can see the volume, progress bar and you can pause & play the video, see screenshot

    if i go to the link you provided with the ticket I get a page not found error

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    romain replied

    Hi

    Sorry, the page was in the trash. The page is back now.

    1. the css .video-cover.hidden disable the mouse actions, and I can no more pause or play the movie.
    2. the CSS .progress is working, the progress bar is higher. But it would have been nicer to have the same 2px line on display, and a higher invisible hover area for comfort clicking.
    3. the video still has got problems :
      1. full screen is working on Chrome.
      2. The video don't display in Edge (Microsoft Edge 44.18362.449.), neither in Normal mode nor FullScreen.
      3. The video don't have controls on Firefox in FullScreen (Firefox 73.0.1 64 bits)

    Thanks

  •  1,823
    Support replied

    Romain, just as an update, will escalate your ticket to our web designer.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,823
    Support replied

    Hi,

    ok try

    .video-cover.hidden {
        z-index: 0;
    }

    instead and let us know

    the fullscreen controls are inserted by the browser we don't have control over them.

    we played the video on Edge without any problems

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  2
    romain replied

    Hello

    I found a solution with this specific problem. 
    In Bauman theme, the fullscreen controls don't seem to be inserted by Firefox, if not specified.

    Changing the <video> tag works :

    <video class="bgvid" preload="auto" controls="true">

    Could you verify, and insert this in next release please ?

    Thanks


  •  1,823
    Support replied

    Hi Romain

    if the video does not stretch full width you will have the controls visible twice but we will look into it, thanks for the tip.


    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy