locally hosted video not responsive for mobile (works on desktop)

First time WP user. First Post. total newbie.

I am interested in having my locally hosted video clips be responsively resized, as I am using a very responsive clean theme Decode on my website.

I have tried several of the plugins that claim to perform this action, but few of them seem to support locally hosted video. I’d like to stick with the usual html5 video embed code, as I have some JS that tells the clip to play only when visible.

Here is an example of the code I use for the embed:

[video id="videos" loop="true" width="800" height="544" mp4="https://www.ultrasoundoftheweek.com/wp-content/uploads/2014/06/675021440_0002.mp4"
webm="https://www.ultrasoundoftheweek.com/wp-content/uploads/2014/06/675021440_0002.webm"][/video]

I have added the following custom CSS to my theme:

video {
	max-width: 100%;
	height: auto;
}

This works perfectly for all desktop browsers, but fails to resize any video on mobile devices. Android/iOS viewing is nearly impossible without responsive video. Any suggestions?