jQuery - Switch between background picture and background video using a checkbox

I was searching and searching everywhere, but I couldn't find anything that would help me out with my question, so I'm seeking for help here.

Initially, I'd like to have a background video playing on my website, but whenever a certain checkbox is ticked, switch to a picture. When it's unticked, it should play the video again.

I'm not sure if this is possible with jQuery and if it isn't, please advise me on what language is capable of this. If possible, I'd like to have another checkbox which when ticked, mutes music, again if possible.

Thank you very much in advance for answers. If you need any more information, just ask :)