HTML Placing Captured Videos into Scene

Estado: Closed
Premio: $250
Propuestas recibidas: 2
Ganador: HiddenM

Winner

Resumen del concurso

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.

Habilidades recomendadas

Winner

Publica un concurso similar

Comentarios del empleador

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

richardk01, United States.

Principales propuestas de este concurso

jaiswalramlakhan India

0

Tablero de aclaración pública

SalahEddine999
- 3 años atrás
More details or an example would be helpful
- 3 años atrás
SifayetUllah
- 3 años atrás
The description are you give here isn't understandable enough..
- 3 años atrás
alalfakawma
- 3 años atrás
Can you please explain this project more descriptively? I find it difficult to understand what exactly you are trying to achieve here.
- 3 años atrás
mratnakar
- 3 años atrás
provide the videos
- 3 años atrás
kamransiyal9
- 3 años atrás
describe more please little bit confused
- 3 años atrás
gtx99
- 3 años atrás
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 años atrás