Tagged: , , , , , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 7, 2022 at 7:53 am #1357497
    BossBitch76

    Aloha,

    I’m having some trouble with my website. I updated my homepage video with a new video and updated the mobile fallback image as well. Unfortunately, the update caused an unexpected and undesired result. My url is http://www.islandencoreentertainment.com

    Previously, the video on the homepage would automatically play at full width on full screen on desktop, and no preview image appeared. However, now the mobile fallback image is flashing on the screen before the video starts. It looks bad and I really don’t want this to occur! Can you please suggest a solution for this error?

    I tried using my video hosted on my website in media gallery
    And I also tried hosting my video on youtube but neither result was satisfactory.
    I tried adjusting the settings in performance for self hosted videos and also was unsuccessful.

    The theme is up to date. My plugins and WP version are all up to date.

    Thank you so much!

    July 8, 2022 at 8:19 am #1357627
    Ismael

    Hey BossBitch76,

    Thank you for the inquiry.

    Try to add this css code to temporarily hide the fallback image until the background video plays.

    .av-video-paused .avia-slide-wrap {
    background: none;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    July 8, 2022 at 8:27 am #1357629
    BossBitch76

    Unfortunately the fallback image still shows after trying that fix you suggested… Any other ideas?

    July 9, 2022 at 8:44 pm #1357810
    Mike

    Hi,
    Please try using the preloader to allow the video to be available before the page is shown.
    Enfold Theme Options > Page Preloading

    Best regards,
    Mike

    July 9, 2022 at 10:46 pm #1357832
    BossBitch76

    Hi Mike,

    I just tried that and it’s not working either. I cleared the cache and it’s not removing the fallback preview image from appearing before the video.

    I need additional help to solve this. My client is waiting for the solution so it would be great if we could solve this sooner than later. She really doesn’t like how the website homepage looks currently.

    Feel free to login and find the correct solution using the admin logins provided in the first thread.

    Thanks for your help!

    July 9, 2022 at 11:15 pm #1357835
    Mike

    Hi,
    Thanks for the feedback and the login, I duplicated your slider and on one I set the Element Visibility to only show on desktop:
    2022-07-09_009.jpg
    and I removed the fallback image, on the other slider I set the Element Visibility to not show on desktop and left the fallback image so it will show on mobile devices.
    Please clear your browser cache and check.

    Best regards,
    Mike

    July 10, 2022 at 2:45 am #1357860
    BossBitch76

    That looks much better, thank you so much!!!! Super grateful! thank you!

    July 10, 2022 at 2:52 am #1357862
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Mobile Fallback image appears before video on homepage’ is closed to new replies.