Create html5 video with flash fallback

I have a new responsive template and we used to use a flash video player - now want to use HTML5 but have flash backup so that all browsers and all devices (phones - tablets) can view the site and the videos. The current video will only be 300 wide - will not need to respond to responsive - but I want to be sure our solution will work for larger videos later and be responsive within our template. So I am asking the for a video to be placed in the current page and then a new page copied from the current template and install a larger video somewhere on the page and have that show the responsive function. To keep the cost down - we are fine with using one of the existing video players available for free - [login to view URL] flowplayer or JW Player - have tried these and have not been able to make everything work the way we want - so assuming we just don't have something set right - so if you have used these and can make them work - so that it will work in all browsers and devices - and be responsive - we are fine with that. That should keep the cost pretty low as these players seem pretty basic. Oh - the player must show the image before and after playing the video also. Winner will get ftp to our test development site where you can work with our current template - I have a video that we can insert and we can use anything for the larger one.