HTML Placing Captured Videos into Scene

Status: Closed
Prize: $250
Entries Received: 2
Winner: HiddenM

Winner

Contest Brief

Create HTML where using these points:

1) Use the ID attribute as less as possible in the html elements
2) Use the bootstrap styling library, but you can modify the styles in custom CSS.
3) If you wish to have everything in custom css without using bootstrap, make sure your custom classes dont coincide with bootstrap classes

We have individual video performances of people which we wish to put together in a scene with a background.
Number of videos can range from 1 to 5.
Your job is to create a styled html container which will contain appropriately places video containers so that they look together in a given scene background. You should create a separate class for each position, so that in case if we have only 1 video instead of all 5, we can assign the class of 1st video container so it goes in the right place. Same for 2, 3 and 4 videos. This is to make sure if we have only 1 video, this should go in the place of 1st video and if we have only 2 videos, 1st video should go to the 1st place and 2nd to the 2nd place.

Heres an example:
<div class="videoContainer first"></div>
<div class="videoContainer second"> </div>

So if we have only 1 video, we will put that in "first" and if we have 2, we will put them accrodingly in "first" and "second"

I included 3 examples-HORSE SCENE (it would not be a horse but 3 video captures against green screen looking like they are in that background-RIVER SCENE showing 5 separate video captures with water background-DANCING SCENE each dancers in separate containers, 5 separate video captures appearing in same location and background.

In order to be eligible as winner of contest, html and features must be fully working and scenes and videos can be switched out as needed. Winner will be asked to continue with other scenes needed on this project.

Recommended Skills

Winner

Post a Contest Like This

Employer Feedback

“Very responsive and I will continue project with Andrius.”

richardk01, United States.

Top entries from this contest

jaiswalramlakhan India

0

Public Clarification Board

SalahEddine999
- 3 years ago
More details or an example would be helpful
- 3 years ago
SifayetUllah
- 3 years ago
The description are you give here isn't understandable enough..
- 3 years ago
alalfakawma
- 3 years ago
Can you please explain this project more descriptively? I find it difficult to understand what exactly you are trying to achieve here.
- 3 years ago
mratnakar
- 3 years ago
provide the videos
- 3 years ago
kamransiyal9
- 3 years ago
describe more please little bit confused
- 3 years ago
gtx99
- 3 years ago
Why use HTML and not a video editing software to do that which is its purpose? I am a bit confused here. What about synchronization?
- 3 years ago