How to change the resolution of AgoraVideoPlayer? - agora.io

Question

import React from 'react';
import { AgoraVideoPlayer } from "agora-rtc-react";
import { Grid } from "#material-ui/core";
import { useState, useEffect } from "react";
import { useClient } from './settings';
import "./Video.css";
export default function Video(props) {
const { users, tracks } = props;
const client = useClient();
const [gridSpacing, setGridSpacing] = useState(12);
useEffect(() => {
setGridSpacing(Math.max(Math.floor(12 / (users.length + 1)), 4));
}, [users, tracks]);
return (
<Grid container className="VidCon">
<Grid item xs={gridSpacing} className="vidd">
<Grid id='Name'>{client.uid}</Grid>
<AgoraVideoPlayer className="Video"
videoTrack={tracks[1]}
/>
</Grid>
{users.length > 0 &&
users.map((user) => {
if (user.videoTrack) {
return (
<Grid item xs={gridSpacing} className="vidd">
<Grid id='Name'>{user.uid}</Grid>
<AgoraVideoPlayer className="Video"
videoTrack={user.videoTrack}
key={user.uid}
/>
</Grid>
);
} else return null;
})}
</Grid>
);
}
This is the sample code of me using the AgoraVideoPlayer in my react.js app. It works, but i want to change the resolution and aspect ratio of the video that is captured. Please help.