Reduce the dimensions of the full recording mobile screen/view

[ChrisJ]

This html web page code, when viewed via mobile device, captures video from the mobile device. By tapping the page, the mobile video full screen appears, ready to begin recording. I'd like to find a way to reduce the dimensions of that full screen, if possible. I'm guessing it might need height and width dimnsions via some javascript code referencing "fileToUpload"?

<form action="uploadMobile.php"  method="post" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload" accept="video/*" capture="user" onchange="submitForm();">
<input type="submit" value="Upload" name="submit" id="go" style="display: none;"/>
</form>

Any guidance/assistance is appreciated.

[rproffitt]

This looks to be a continuation of https://www.daniweb.com/programming/web-development/threads/535177/text-across-the-page-video-camera-screen where we kicked this around.

In short, if you use the native recording app, you can't exercise controls you want. You must source a new component as we discussed before.

[Dani]

The code you are providing is just a simple HTML file upload form with nothing special about it. The capture property is a hint directed to the web browser the desired use case is for the end user to use the device's native media capturing capabilities to capture something to be uploaded. As far as I am aware, you cannot pass a further hint for the resolution you prefer to capture in.

[Dani]

As an addendum to my previous post, check out Example 6 of the HTML Media Capture spec: https://w3c.github.io/html-media-capture/#example-6

It shows that, instead of uploading the media content, you can display it at fixed dimensions via javascript:

https://w3c.github.io/html-media-capture/#example-6