URGENT - Fix Javascript Video Carousel & Make Video 100% Width
- or -
Post a project like this3924
£15(approx. $19)
- Posted:
- Proposals: 3
- Remote
- #213905
- Completed
Description
Experience Level: Entry
I am building a website for a video production company.
I have added a video carousel to this page - http://www.twentiethcenturyboy.tv/create.php which streams videos from a Vimeo profile.
Here is the script I used - http://luwes.co/labs/vimeo-carousel/
---
I need help fixing 2 things...
1) I need the thumbnails and left and right arrows moved from below the video in middle div to the 2 columns (divs) either side (SEE ATTACHED IMAGE). So left arrow + thumbnail to the left column and right arrow + thumbnail to the right column...
This would allow the video to stand alone in the middle column. The reason I can't work it out is because the CSS styling seems to be stored within the JS file and I can't decipher it!
2) I then need the video to be changed to 100% width (+ auto height?) to fill the middle column and not a fixed with as it currently is. This is because the middle column will change width depending on users monitor size/device. I realise this can be difficult in JS which usually requires fixed widths but here is a tutorial I found that explains what I mean - http://webdesignerwall.com/tutorials/css-elastic-videos
---
I think this should be a quick job. Thanks for your help.
I have added a video carousel to this page - http://www.twentiethcenturyboy.tv/create.php which streams videos from a Vimeo profile.
Here is the script I used - http://luwes.co/labs/vimeo-carousel/
---
I need help fixing 2 things...
1) I need the thumbnails and left and right arrows moved from below the video in middle div to the 2 columns (divs) either side (SEE ATTACHED IMAGE). So left arrow + thumbnail to the left column and right arrow + thumbnail to the right column...
This would allow the video to stand alone in the middle column. The reason I can't work it out is because the CSS styling seems to be stored within the JS file and I can't decipher it!
2) I then need the video to be changed to 100% width (+ auto height?) to fill the middle column and not a fixed with as it currently is. This is because the middle column will change width depending on users monitor size/device. I realise this can be difficult in JS which usually requires fixed widths but here is a tutorial I found that explains what I mean - http://webdesignerwall.com/tutorials/css-elastic-videos
---
I think this should be a quick job. Thanks for your help.

Jack M.
100% (2)Projects Completed
11
Freelancers worked with
7
Projects awarded
79%
Last project
17 Mar 2017
Spain
New Proposal
Login to your account and send a proposal now to get this project.
Log inClarification Board Ask a Question
-
There are no clarification messages.
We collect cookies to enable the proper functioning and security of our website, and to enhance your experience. By clicking on 'Accept All Cookies', you consent to the use of these cookies. You can change your 'Cookies Settings' at any time. For more information, please read ourCookie Policy
Cookie Settings
Accept All Cookies