0

Changing window size

Like many smartphones nowadays, my phone is wider than the 16:9 ratio(1280x720 for mobile and 1920x1080 for desktop), it is 1600x720pixels(20:9). And apps, browsers adapt to fill the screen fully in some way. My goal is to make it so that the page I'm viewing appears in 16:9(1280x720) ratio that almost all streaming services, video players and editors use so that when after I screen record it, I can crop the video to 16:9, including the part of the page. The rest of the page(left and right of the main page) should not have any of the content, maybe like empty or black or white as it is not being used. Is there any way to do this? NOTE the zoom in/out option simply resizes everything in the page smaller/bigger, but that still fills the screen. I've tried methods like changing the width and height in the meta tag via js, but they also do the same like zoom, making all elements smaller and bigger to still fill screen. https://imgur.com/a/EmpKT3C Here the red part is 16:9, and it is where the page should appear

26th Apr 2025, 8:13 AM
Ace
Ace - avatar
9 odpowiedzi
+ 1
can't you record in 16:9 instead of 20:9 ?
26th Apr 2025, 10:41 AM
Bob_Li
Bob_Li - avatar
+ 1
if you're recording a live video with your phone, maybe you can move back a bit to capture the whole scene in 16:9. ? your goal is to have a youtube standard aspect ratio after all. it might not be ideal when viewed in your phone, but it's probably good for the majority who uses standard sized phones...
26th Apr 2025, 11:34 AM
Bob_Li
Bob_Li - avatar
+ 1
ok, maybe I'm getting mixed up. So the problem is viewing , not creating the video? You want the black bars, not the cropped width? or is it the other way around? Sorry if I ended up making this more complicated, but sometimes what is written and what is read comes out different...
26th Apr 2025, 3:17 PM
Bob_Li
Bob_Li - avatar
+ 1
ok, you are screen recording a video and it has the wrong aspect ratio, but you can edit the video to crop it to 16:9. ... and i'm so confused .. sorry, man, but I think it's over my head... maybe you want a resize, not a crop ... or perhaps look for a screen recorder with a crop feature .
26th Apr 2025, 3:40 PM
Bob_Li
Bob_Li - avatar
+ 1
if it's your webpage, maybe you can put it in a div container and specify the dimensions in px. but honestly, I'm super confused about this discussion. I feel I don't really get what you're describing. An actual example would be helpful.
26th Apr 2025, 4:27 PM
Bob_Li
Bob_Li - avatar
0
Bob_Li I can, but the issue is the page is showing in full screen, everything in the page(the page itself) filling my whole screen. So if I record in 16:9, it'll capture portion of the page, leaving parts at left and right.
26th Apr 2025, 10:42 AM
Ace
Ace - avatar
0
Bob_Li what do you mean by move back? by the way if I wasn't clear in my post, what I want to do is to make the page fit within 16:9ratio, keeping the rest of the area unused(blank, or white, or black whatever it is)
26th Apr 2025, 3:03 PM
Ace
Ace - avatar
0
Bob_Li main thing is about how the page shows not anything about the image, the image only shows red part, which means the area where 16:9 ratio is(and so the page should be within and filling that red area). You can see some space left at the left and right side of the red area, that would be the unused area which the page wouldn't take. Normally without any method page viewing, the page takes up full screen, I want to make the page be within that red area. The rest at left and right side should not be used. It should be empty/blank(which means it could be white or black indicating that this empty area is not being used by the page, white or black that color depends on my browser theme and not important here) If this is done, I would still screen record the whole screen as that's how normally screen recorders behave. but then I can edit the video to crop it to 16:9 ratio including that red area part(and it is not problem as that part is used by page and in rest area nothing is there that wil be lost of page
26th Apr 2025, 3:21 PM
Ace
Ace - avatar
0
Bob_Li the screen recording and cropping is fine. It is the page which is the problem. Is there a way to like...modify the viewport size/window size so instead of taking the full screen, the page takes a specific width and height?
26th Apr 2025, 4:16 PM
Ace
Ace - avatar
OSZAR »