In Progress

Cycle2 HTML5 Video Slideshow with Custom Behavior

Hey All,

What I'm trying to do is something very simple.

Essentially...I'm trying to have a Cycle2 Slideshow ([url removed, login to view]) that contains 3 HTML5 videos.

There is some custom behavior that must occur:

FUNCTIONALITY

1) When slide starts, the video starts from 0 seconds. The video will play until the 6 second mark, and then go back and loop from the 3 second mark (meaning it will repeatedly loop just a set time...in this case 3s-6s).

2) When a user changes the slide the video will continue playing until the end (breaking the loop, in this case playing from 6s-8s)--before the slide changes to the next video.

3) The next slide will then follow this pattern. And you should be able to cycle through ALL the videos in this manner.

REQUIREMENTS

1) Must use Cycle2 ([url removed, login to view])

2) Must use HTML5 Video...you can use VideoJS ([url removed, login to view]) or just straight HTML5 Dom ([url removed, login to view]) to program behaviors.

3) Each video/slide will need its own specific timers. So timing of where video starts, which section it loops, and where video continues (before slide change) must be specified PER video. (THIS IS VERY IMPORTANT AS EACH VIDEO WILL BE DIFFERENT)

Please let me know if you have any specific questions.

EXAMPLE

The attached .zip file has an example HTML already started with Cycle2 and the videos. I only have 1 video at the moment, but again --TIMERS of where video starts, which section it loops, and where video continues (before slide change) must be specified PER video.

Let me know if you have questions.

Thanks...

Skills: HTML, HTML5, Javascript, jQuery / Prototype

See more: jquery behavior, html5 behavior, html5 cycle, www dom com, videos in html5, section html5, html5 play, html5 dom, video html5, html5 video, Cycle, slideshow starts, slide html jquery, cycle jquery, javascript video html, javascript play video, slide video, dom javascript, javascript simple html dom, jquery cycle, cycle2 jquery, cycle2, jquery cycle2, custom loop, custom html5 video

About the Employer:
( 4 reviews ) Glendale, United States

Project ID: #5013001

Awarded to:

umadevisathesh

Hi, I am Umadevi, having 5+ years of experience in HTML,JavaScript,JQuery,Java,J2EE working in MNC, for developing web based product. I will do this job. Please contact me with the details

$100 USD in 3 days
(1 Review)
0.8

4 freelancers are bidding on average $163 for this job

bistanil98

Can we discuss this in detail before start this project,to know more about us please check in Private Message. We have a team of professionals,they have more than 11 year of experience,so we can manage this work and More

$300 USD in 12 days
(8 Reviews)
5.5
codeware1

Before Start of project we do; - Review business requirements working with our in-house team - Perform a technical analysis of requirements - Produce a solid, detailed technical design - Write clean, modular, robu More

$309 USD in 7 days
(27 Reviews)
5.2
sshrikhande

hi I have hands on experience in web-development in HTML5, CSS3,PHP. Following are some of my works. [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] [url removed, login to view] More

$45 USD in 7 days
(0 Reviews)
0.0
codeware123

Hello, I have gone through your project’s initial requirements with the help of the job posting you have placed. And I think I have requisite experience and expertise to complete your project successfully. I am very More

$206 USD in 3 days
(1 Review)
0.0