Canvas Support

Video occasionally loads with grey bars on top and bottom

12 replies · opened Mar 7, 2018

WwildeMar 7, 2018

Hi!

I use index-fullscreen-video.html and the page sometimes loads with a grey bar on top.
The video's are 1920x1080 and I have used handbrake to size them down.

Do you have a fix for this?

Cheers!

SSemicolon WebSTAFFMar 8, 2018

Hello,

We have checked out your Website and the size of the Video is humongous 37MB. It is highly recommended to keep the size of the Video under 6-7 MB to avoid any issues and slow downloads.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwildeJun 5, 2018

Hi again!

I have reduced the file sizes of the videos. However, I am still experiencing theses issues every now now and then (it is very unpredictable). It appears that the video adjusts to the width of the page (also on mobile). The weird thing is on the home page it usually works fine on all devices, but the other pages does not, while I use the same code. The video on 'Border Prisoners' does not load at all on desktop (it does on mobile).

So it is very unpredictable.

Could you please look into this?

Thank you very much!

WwildeJun 11, 2018

Have you had time to look at my question yet? I would much appreciate it!

Thanks.

WwildeJun 25, 2018

Still waiting for this. Please help me out with this.

SSemicolon WebSTAFFJun 28, 2018

Hello,

  1. The Video appears to be working fine for us with no Top/Bottom Bars anymore. Please consider clearing your Browser Cache and check this again.

  2. The Browser's Developers Tools suggests that it is a Bad Request: http://www.studio44x.com/images/videos_HB/Border%20Prisoners_175%_HB.mp4 . Please consider checking and fixing the URL of the Video.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwildeJul 9, 2018

Hi again,

Unfortunately I still run into this issue every now and then.
And I have tried it on several different computers.

I haven't added a .webm file like you do in the demo, could adding solve the issue?

Thanks!

WwildeJul 23, 2018

Any thoughts?

SSemicolon WebSTAFFJul 26, 2018

Hello,

Please consider finding the following code in the js/functions.js File: 

SEMICOLON.widget.html5Video();

and replace it with:

setTimeout( function(){ SEMICOLON.widget.html5Video(); }, 1000);

This should fix the issue. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

WwildeJul 26, 2018

Hi again,

I have done as you suggested, but it did not help unfortunately..

Regards,
Paul

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard