player_design.css

body{
  background-color: grey;
}

#video-player{
  background-color: black;
  margin-left: 300px;
  margin-top: 125px;
  width: 710px;
  height: 402px;
}

#video{
  width: 100%;
  height: 100%;
}

#controls{
  margin-top: 0px;
  background-color: black;
  height: 40px;
}

#pbar_container{
  background-color: rgb(70,70,70);
  height: 5px;
}

#pbar{
  background-color: rgb(50,170,220);
  height: 5px;
  width: 0%;
}

#time{
  position: absolute;
  vertical-align: middle;
  margin-left: 55px;
  margin-top: 8px;
  color: white;
}

#play_button{
  position: absolute;
  margin-top: 5px;
  margin-left: 15px;
  height: 25px;
  width: 25px;
  ;
}

#soundbutton{;
  width: 25px;
  height:25px;
  margin-top: 5px;
  position: absolute;
  margin-left: 370px;
}

#sound_container{
  background-color: rgb(70,70,70);
  position: absolute;
  height: 5px;
  width: 70px;
  margin-left: 410px;
  margin-top: 15px;;
}

#sbar{
  background-color: rgb(50,170,220);
  height: 5px;
  width: 50%;;
}

#fullscreenbutton{
  margin-left: 670px;
  margin-top: 5px;
  height: 25px;
  width: 25px;
}