Kapalı

HTML5 video, play on mouseover, encoding

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 [url removed, login to view] 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: [url removed, login to view]

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 and pause on mouseout.

To achieve compatibility, it must fall back on several video codecs (webm, ogg, mp4 and flash). See this guide: [url removed, login to view]

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 guidance. It's your responsibility to make it work in the mentioned browsers.

Beceriler: Adobe Flash, HTML5, Javascript, Video Yayınlama, Video Servisleri

Daha fazlasını gör: html5 video play mouseover, play html5 video hover, poster mouseover html5, javascript play video mouseover, javascript play video hover, android mouseover, html mouseover video, hover play video, hover javascript html5, html5 mouseover, html5 video mouseover, html5 play video hover, flash play video hover, javascript audio play hover, videos in html5, play mp4 on android, play mov on android, play i, play html 5, play flash on android, html5 play, flash on android, chrome android, back page poster, android video format

İşveren Hakkında:
( 12 değerlendirme ) Frederiksberg, Denmark

Proje NO: #1485935

Bu iş için 2 freelancer ortalamada $140 teklif veriyor

cerven

Hello. I can do it. Please check PM. Thanks!

in %bids___i_period_sub_35% gün içinde250%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(12 Değerlendirme)
4.7
influentmedia

Very experienced in video trans-coding and HTML5 standards and compliance. Please check PM for details. Thanks!

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(11 Değerlendirme)
4.6