I have an MPG video file that purchased from [url removed, login to view] and I want to display it on the header of my Wordpress site. I don't want to use any Wordpress plugins if possible. I will be hosting the video file on the Wordpress website server, so It doesn’t need to be hosted on any third party site.
The MPG file I purchased is 426x240, 29 frames per second, frame rate of 29 frames/second. If it needs to be converted to a different video format that's fine. It needs to be displayed at a smaller dimension. I want it to load with as little delay as possible and play automatically with no controls visible. The video code needs to be compatible with IE, 9 and 10, Firefox 15 and newer, Chrome version 25 and newer, and Safari 5.1.7 and greater. Ideally, it will also play on mobile devices (Android and IOS), as well as iPad, and Android tablets.
I do not wish to modify and core Wordpress or core theme files. The video code I need written can be PHP and HTML , as my theme is Genesis Framework supports header hooks that run plugins, PHP and HTML.
Using Firefox, you can see how it will look at [url removed, login to view] It's the animated waving flag in the header. This example doesn't work in any browser except Firebox 19.x on a PC.
I've attached the MPG file.
7 freelancers are bidding on average $222 for this job
I have converted the video to an animated GIF that nearly every browser should be able to render without trying to accommodate all browsers while using HTML5