Encoding of video for HTML5

IN PROGRESS
Bids
7
Avg Bid (USD)
$154
Project Budget (USD)
$30 - $250

Project Description:
I need to have videos on www.drinkster.dk. They should appear "under" the pictures on the front page and play on hover. You can see a mockup on www.drinkster.dk/medvideo.html. The image that is displayed before play is achieved by using the poster tag. The video must play on hover, which can be achieved like in the mockup. Alternatively you can use this method to play on hover: http://developer.practicalecommerce.com/articles/1878-Hover-to-Play-Ecommerce-Videos-with-HTML5-CSS-and-JavaScript.

The video must work in the following browsers: IE9.0+, FF3.5+, Safari 3.0+, Chrome 16.0+, iPhone 3.0+, Android 2.0+. To work, it must have the poster image, play on hover (in case of phones/tablets, play on tap) and pause on mouseout.

To achieve compatibility, it must fall back on several video codecs (webm, ogg, mp4 and flash). See this guide: http://diveintohtml5.ep.io/video.html.

It should have no controls.

I will supply videos in 1080p in .mov format. As you can see on the site, the pictures the videos will play under are 270x260px, so you need to crop to this ratio and scale down. Then you need to encode in the video/audio codecs mentioned in the guide so that it works in the mentioned browsers.

The mockup and the guides given are only to be considered inspiration. It's your responsibility to make it work in the mentioned browsers.

Skills required:
Adobe Flash, HTML5, Javascript, Video Broadcasting, Video Services
About the employer:
Verified
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.


Hire BeautyOfCode
$ 100
in 1 days
$ 250
in 3 days
$ 70
in 1 days
$ 80
in 5 days
Hire NoorMomento
$ 250
in 7 days
Hire greenyarder
$ 80
in 3 days
Hire L37IZeaF6
$ 250
in 1 days