Home App Docs Blog Github

Margin Error When Uploading Video On Mobile

I am trying to build a simple page with video. I have tried embedding a Youtube code and also uploading the video straight to Builder.

When I am uploading the Youtube, it’s fine on desktop and Tablet, but the right is cut off on mobile, and nothing I try seems to fix it.

When I try to upload the video straight to Builder, it never uploads.

Here’s a loom video: Loom | Free Screen & Video Recording Software

Builder content link
Jones Roadbuilder_editing=true&builder.overrides.page=43d1e9e46899405b807b6df2301f31e5&builder.overrides.43d1e9e46899405b807b6df2301f31e5=43d1e9e46899405b807b6df2301f31e5&builder.overrides.page:/apps/builder=43d1e9e46899405b807b6df2301f31e5

Builder public api key
go to Builder.io: Drag and drop page builder and CMS and copy your PUBLIC api key

Screenshots or video link

Thank you!!

Hi @codyjonesroadbeauty!

The custom code block includes a fixed width of 360px, can you try changing this to 100%? Let me know if the video stops overflowing from the page on mobile when you make this change.

Hi Maddy,

Good call. That seems to work. Thank you.

Any idea what I’d have to do to be able to upload straight to Builder?

@codyjonesroadbeauty glad that worked! Do you have the video downloaded on your device and you tried uploading it into a Builder video block? Can you share the file?