Full width html5 video – responsive for mobile with image poster

Hi,

I’m trying to add a full width self hosted mp4 video with ogv and webm fall backs for mobile, as well as a poster image.

I’ve got the video embedded in a color section, with its own div and have quick css’d some rules for that. But can’t get it to play nice across mobile and desktop.

[video poster="http://www.con-formgroup.com.au/newsite/wordpress/wp-content/uploads/2015/11/videoposter.jpg" width="auto" height="auto" mp4="http://www.con-formgroup.com.au/newsite/wordpress/wp-content/uploads/2015/11/ConformGroupReel.mp4" ogv="http://www.con-formgroup.com.au/newsite/wordpress/wp-content/uploads/2015/11/ConformGroupReel.ogv" webm="http://www.con-formgroup.com.au/newsite/wordpress/wp-content/uploads/2015/11/ConformGroupReel.webm" loop="true" preload="auto"][/video]

#videomain .container {
width:100%;
height:100%;
width:auto;
height:auto;
}