Javascript Responsive Video Carousel FIX
- or -
Post a project like this4045
£15(approx. $19)
- Posted:
- Proposals: 3
- Remote
- #221884
- Completed
Description
Experience Level: Entry
I am having some problems with a responsive video carousel I am using on this website - http://www.twentiethcenturyboy.tv/create.php
I have used a separate script that on page load makes the three black columns change widths from 33% | 33% | 33% each to 25% | 50% | 25%. The middle column holds the video player.
The problem I am having is that a single video from the carousel should be stretching and filling the width of the middle column 100% at all times but at the moment it doesn't and shows some of another video next to it. It is a responsive script and does stretch to 100% width of the middle column but only when you resize the browser.
The page animation is causing some kind of conflict and it seems when the page loads the video is taking its width from the original width of the column (33%) rather than the 50% width it has once loaded.
SO...I need a single video in the middle to fill the middle column at all times and the height of the video player to be 387px so it doesn't overlap the bottom. The other videos are only shown once the arrows are clicked. The videos are in iFrames.
The script I used is here - http://bxslider.com/examples/video
SEE ATTACHMENT FOR HOW IT NEEDS TO LOOK.
Thanks for your help.
I have used a separate script that on page load makes the three black columns change widths from 33% | 33% | 33% each to 25% | 50% | 25%. The middle column holds the video player.
The problem I am having is that a single video from the carousel should be stretching and filling the width of the middle column 100% at all times but at the moment it doesn't and shows some of another video next to it. It is a responsive script and does stretch to 100% width of the middle column but only when you resize the browser.
The page animation is causing some kind of conflict and it seems when the page loads the video is taking its width from the original width of the column (33%) rather than the 50% width it has once loaded.
SO...I need a single video in the middle to fill the middle column at all times and the height of the video player to be 387px so it doesn't overlap the bottom. The other videos are only shown once the arrows are clicked. The videos are in iFrames.
The script I used is here - http://bxslider.com/examples/video
SEE ATTACHMENT FOR HOW IT NEEDS TO LOOK.
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