How to add a HD and non HD option in your built it website video player?

[mkessler9]

Ok so I've decided to try something.

 

I've decided that instead of uploading all of my videos I want to put on my site to youtube and then embedding them that it would be better/easier for me to just use a built in media player and play the videos from the server.(Yes I know this will use a lot more bandwidth)

 

So I have it setup so that there's a media player on a webpage with the video ready to be played when I click the play button.

 

My question is how do I add an option in the media player for it to play certain resolution sizes?

 

And yes I know that I would have to have files of each resolution.

 

I would also be ok if it just had a 480p option and a 1080p option but would prefer to have more than just two options.

 

So could someone please post in the chat the coding to add the different resolutions option?

 

Thanks.

 

Here's the code I already have for the media player 

 

<video width="640" height="360" controls>

<source src="videos/roomtour.mp4" type="video/mp4">

<source src="videos/roomtour.ogv" type="video/ogg">

</video>