Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • June 13, 2022 at 12:00 pm #1355026
    InSilentio

    Hi,
    1: i added a video which is hosted local.
    It is set to autoplay WITH sound.
    – it does not play sound. Why not?

    2: the player element for loudness is in the right corner but it can not be “touched / reached”.So either manually it is not possible to turn the sound on.
    Its YOUR element that blocks touching it:
    <div class="av-click-overlay"></div>

    3: The Video is full HD
    Since there is the header bar with the menu users dont see the player elements on the bottom of the video.
    User have to scroll down first to reach the playerelements.
    How can i solve this in a way that users see the whole video WITH the playerbar without scrolling?
    (I just solved it by cutting the video into 1920 x 830 instead of Full-HD and a bit CSS but i would like to have a better solution)

    Code and URL in private field

    kind regards
    Elvira

    • This topic was modified 2 years, 5 months ago by InSilentio.
    • This topic was modified 2 years, 5 months ago by InSilentio.
    • This topic was modified 2 years, 5 months ago by InSilentio.
    June 14, 2022 at 12:51 pm #1355158
    Nikko

    Hi Elvira,

    Thanks for providing the code.

    1. Major browsers do not allow videos to autoplay without muting them, that’s you can see this label on Autoplay Check if you want to disable video autoplay when this slide shows. Autoplayed videos will be muted by default..
    You can check autoplay policies from chrome and firefox respectively: https://developer.chrome.com/blog/autoplay/ and https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide

    2. I could confirm that the volume level could not be changed because it’s blocked. We’ll report this issue to our devs.

    3. The convenient solution for that will be adding this CSS code in Quick CSS (replace 120px with the correct height of your header in px):

    #top .avia-fullwidth-slider .avia-slideshow-inner {
    max-height: calc(100vh - 120px);
}

    however the problem with this is that the there will be some white space (gray on my end) that shows up since the slider will try to show the whole video.

    Best regards,
    Nikko

    June 14, 2022 at 2:49 pm #1355200
    InSilentio

    Hi,
    i doubt that your solution for number 3 is correct since it does not target the causing element..
    I fiddled around with my poor CSS knowledge and could get some results by targeting “av-click-overlay” but i guess they are not really correct.
    This needs to be fixed asap since it is blocking the whole idea.
    A video where users cant put the sound on or level the loudness is absolutely useless.

    Kind regards
    Elvira

    June 15, 2022 at 8:46 am #1355287
    Nikko

    Hi Elvira,

    For number 3, you can inspect the element to check it, I have posted a screenshot link in private content which shows that height is applied to .avia-slideshow-inner which you can apply max-height so it does not exceed that height.

    As for number 2, we have already reported it and we ask for your patience as the devs are looking into other urgent issues as well. At the moment you can disable the autoplay on the video and once the video is played the sound should work well.

    Best regards,
    Nikko

    June 17, 2022 at 11:22 am #1355587
    Nikko

    Hi Elvira,

    For #2, please replace the content of enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js with this slideshow.js file.
    Make sure to clear your browser cache once you have replaced the content as it might still be fetching older js files.
    It should be fixed on the next Enfold updates.

    Best regards,
    Nikko

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