#videoContainer{position:relative;width:600px;margin:0 auto}#myVideo{width:100%}#controls{position:absolute;bottom:10px;left:10px;right:10px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-moz-box-pack:justify;-o-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}#progressBarContainer{-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0 10px;background:#ddd;cursor:pointer;height:5px}#progressBar{width:0;height:100%;background:#2196f3}.button{background:#2196f3;border:none;color:#fff;padding:5px 10px;cursor:pointer}#volumeContainer{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}#volumeIcon{margin-right:5px}#volumeSlider{width:80px;margin-left:5px}