Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 1, 2014 at 5:56 pm #360912
    DavyE

    Hi,

    For the first time we’ve tried to add a video instead of a picture for the fullscreen slider on our homepage. The point of the video is to loop every 10 sec so it looks endless. See example here: http://goo.gl/97xb3

    We’ve tried several options. Youtube displays a black screen with “Play” button in between the loops, so that’s not an option. We’ve tried adding it inside WP itself, which seems to work a lot better, though in Safari the loop still stutters in between playthroughs.

    But the biggest issue is (in any browser) when loading it for the first time. First you get an empty black screen for a while, then you see the video for a fraction of a sec until it pauses and plays, pauses and plays again, … until after a while it starts to run fluently.

    Any other movie I’ve seen in the Enfold demo page or sites based on Enfold theme do not have this stuttering issue and black intro screen, so I wonder if there is something we can do to improve this performance before we scrap the whole thing and go back to a simple picture.

    Thanks in advance.

    December 1, 2014 at 9:01 pm #361031
    Elliott

    Hi DavyE!

    Once it is cached it seems to work fine. What happens when you use a longer video, say around 30 seconds? Does it have the same buffering problem there?

    Cheers!
    Elliott

    December 2, 2014 at 10:31 am #361369
    DavyE

    That would only increase the file size even further, instead of decreasing it. I understand it works fine after it’s cached, but that’s not how it should go. We cannot rely on people’s patience and decision to come back to our site just to finally see the homepage working correctly.

    Why do all other Enfold site videos immediately start playing fluently upon page load, but ours needs so much buffering?

    Also, why does a Safari stutter in between loops while other browsers (at least not IE etc.) don’t?

    I really hope to find a solution!

    December 4, 2014 at 2:54 am #362645
    Andy

    Hi!

    I can’t see any video on http://goo.gl/97xb3. Did you already try to deactivate all plugins to see if this helps?

    Cheers!
    Andy

    December 4, 2014 at 6:06 pm #363062
    DavyE

    Hi Andy,

    Yes, we’ve replaced the video with an image until we find a solution for it. I’m looking at the Enfold demo page with an empty cache again and apart from 1-2 seconds of load time it immediately plays fluently, even though it is obviously longer than our 10 second video that stutters the entire playthrough. This is the Enfold demo page I’m talking about:
    http://kriesi.at/themedemo/?theme=enfold

    Are there perhaps some video export settings that we should know about in order to optimise the performance on a web page? I still have the video running on this test site: http://goo.gl/ru0vsX

    I really hope there’s something we can do about this. Thanks in advance for the assistance.

    December 5, 2014 at 1:59 am #363374
    Ismael

    Hey!

    The video size is 20MB and this is quite huge compare to the video used in the demo which is 18 secs long and file size is only 1.3MB. Maybe you should find tutorials on how to compress video size or upload the video using h.264 format on vimeo.

    Regards,
    Ismael

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