Video Backgrounds Showing As Box In Edge Browser

[NorthStarChurch]

Hey All,

So I have an issue here, and not really sure how to fix it.

When using video backgrounds within Chrome, they work flawlessly (I'm actually really impressed by how they look).
However, when viewing the page within Edge, they show as being boxed off in the middle of the screen, with a static image taking the rest of the width.

With Windows 10 taking off and Edge being the default browser for that, fixing that would be super preferrable.

Not really sure what I can do to correct that, so any help would be appreciated.

Thanks

northstarchurch.us

[Adam7]

If you switch to a different theme and publish to that temporarily, does it help, @NorthStarChurch? Also, is your version of Edge the most up-to-date?

[NorthStarChurch]

Hey Adam,

So tried switching themes and that didn't work. Also, verified that it wasn't the Edge version by using it on the latest version, as well as a rolled back version.

Have any other ideas?

I know people have had various issues with Edge in the past.

[Adam7]

Thanks for trying that, @NorthStarChurch. Our engineers are working on this now as it seems to be a style issue with Edge.

[NorthStarChurch]

That stinks to hear, but I'm glad you guys are on it!

Thanks for the replies Adam.

They have any sort of ETA on patch completion?

Thanks,

[Adam7]

I don't have an ETA, but hopefully soon! Thanks for your patience, @NorthStarChurch.

[hunterscotty]

I am having the same issue. I've tried editing the theme HTML/CSS, but not been able to resolve the issue.

Shocked that Weebly have not resolved this issue yet.

[hunterscotty]

Still no update to this issue???

[hunterscotty]

Still no update to this issue. 

Can we have some feedback from Weebly regarding a solution. Edge may not be the most popular browser, but this issue should still be sorted.

[Bernadette3]

However, when viewing the page within Edge, they show as being boxed off in the middle of the screen, with a static image taking the rest of the width.

---

This is the same issue you are having, correct? @hunterscotty If so, then no, we don't have any updates yet. I can make you a support ticket if you like and once there is more information you will be notified. 

[lvdstap]

• Thanks for trying that,Our engineers are working on this now as it seems to be a style issue with Edge.
• - Adam
  Community Manager

[Adam7]

What site are you seeing that with, @lvdstap? I haven't heard about this in a while and I thought it had been resolved.

[lvdstap]

Somehow my earlier post mixed up the order of posts, not so important but worthy to mention.

[lvdstap]

still wasn't solved, solution I have given in my reaction.

[lvdstap]

Adam, the link to our website Pushtotalkshop
example: our "Oplossingen" page is one of many pages we want to show a video header. 

We encounter the discussed background video bandwith problems caused by this issue, we are a CE based (Netherlands) company and really need this to be solved.

Hope the below sugested solution will be helpfull to your software engineers.

update: Revised my sugestion for solution:

Initialy wrong asumed that wrong axis (X instead of Y axis) is resized, now its clear to me that Weebly server resizes background video, respecting 16:9 ratio, to 720p (1280x720), so if small video is uploaded, Weebly server appears to resize any upload to 1280x720 in order to prepare the video stream.

! Beware: If you at this moment upload a "slit" video to the server with aspect ratio for instance ratio 32:9 resolution 1280x360, the Weebly web servers will convert the video definitely into 2560x720 pixel !

We've tested it.

Problem how Weebly at this moment converts video header background video upload, is that the server always wil stream full 16:9 ratio (1280x720) using far bigger bandwith then stricktly nesesary. You better keep a full 16:9 aspect ratio as backup and for future changes of the header video height,  and store a cropped version (for instance 1280x400 or any other Y-axis value) "actual publishing version"

So don't let the server convert the uploaded video conform the standard aspect ratio 16:9 and keep height Y-axis = 720px as starting point but keep  X-axis persist 1280px and vary / crop the Y-axis instead preventing lots of bandwidth and browser trouble as result.

1280 pixel resolution is considered to be a sufficient and reasonable value, for which a browser easily is able to scale up to a larger full HD width, keeping a descent quality.

 
Cheers,

Luc

[Bernadette3]

Hi Luc! I'm sorry we didn't wee this message when you posted it. Thanks for providing such detailed information on your findings. I'm not too familiar with the process, myself, but I will certainly pass this info. Thanks again for being so diligent.