Closed

HTML5 clickable video

This project received 10 bids from talented freelancers with an average bid price of $650 USD.

Get free quotes for a project like this
Employer working
Skills Required
Project Budget
N/A
Total Bids
10
Project Description

We are looking for a flexible programmer who is able to program our creative concepts.
They are all linked to video, and we see this project as a tryout.
Our intentions are to work on a longterm base.

Briefing:
For a small tryout project for one of our clients we need a clickable html5 video.
OnClick extra video is shown within the same frame.
E.g. A corporate video with several interviews is the small version. OnClick a interview you see the whole interview instead of just a couple of quotes of that person.

Mechanism:
On predefined timecodes the viewer sees text "Click here for more info." in the video.
After mouse over the master video, the video pauses and the viewer can click for an extra video. OnClick a videos appears.
After closing, the original video continues. There are are several click events in the master video.

Functionalities:
- Should be HTML5 so the video can be played on any device.
- Videos are loaded/streamed from videosites like [url removed, login to view] or Youtube.
- be able to overlay text "e.g. Click here" on the video via timecode. e.g. from 03:00 seconds until 10:00 seconds.
Via editable text, or transparent images?
- on MouseOver, pause the master video, and a semi-transparent layer with text+image will appear with link to extra video.
- on MouseClick, another video will be played in the same frame, with a close button/text
- on Close the master video will continue
- We should be able to update all the text, time codes, video urls and images via xml? or php script? forms? suggestion needed
- We should be able to add extra click events easily ourselves.
- The client should not be able to update the video, all code should be safe for outsiders. maybe xml on another server?
- The clickable video should be embedded easily in any webpage without too much hassle. So easy-to-install instructions.

Optional Funcitonalities (please show extra costs separate):
This depends of budget, otherwise this is future project.
- Statistics from: clicks, durations, total plays etc.
- Webpage + database with separate client login where these stats are shown in an attractive visual way such as graphs, lines etc..
- integration with our wordpress website.
- Reskin the video player with any images or color codes(optionally, nice to have)

Suggestions:
- Use HTML5 video with Java and specifically [url removed, login to view] although any other solution is welcome
- Load videos from Vimeo and Youtube as master videos and extra videos, so we can eliminate streaming costs and media servers. Other solutions/ideas are welcome.
- An externally loaded XML file we can secure on another host?
- password protection for XML

Inspiration:
- [url removed, login to view]
- [url removed, login to view]
- Demo [url removed, login to view] click on any video in the left sidebar. The main video will pause.

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online