Video.css 2.5 KB

1234567891011121314151617181920212223242526272829303132
  1. /*清除所有边距*/
  2. .U_MD_UI_Video_VideoDiv * { margin: 0; padding: 0; }
  3. .U_MT_UI_Video_VideoDiv { /*float: left;*/ overflow: hidden; }
  4. .U_MT_UI_Video_VideoMain { width: 100%; height: 100%; background: #000; }
  5. .U_MT_UI_Video_VideoControls { position: relative; bottom: 44px; width: 100%; height: 40px; background: rgba(0, 0, 0, 0.6); }
  6. .U_MT_UI_Video_VideoControls * { float: left; }
  7. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_PlayPauseButton { width: 39px; height: 39px; cursor: pointer; }
  8. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_PlayIcon { background: url("img/Controls/Video/playBtn.png") no-repeat center; /*background: url("img/playBtn.png") no-repeat center;*/ }
  9. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_PauseIcon { background: url("img/Controls/Video/pauseBtn.png") no-repeat center; /*background: url("img/pauseBtn.png") no-repeat center;*/ }
  10. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_Time { color: #fff; line-height: 39px; cursor: default; width: 52px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
  11. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_Progress { width: calc(100% - 295px); position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 10px; cursor: pointer; }
  12. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_Progress .U_MT_UI_Video_ProgressCircle { float: right; width: 10px; height: 10px; border-radius: 100%; background: #ffffff; position: relative; top: -3px; left: 5px; }
  13. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_Progress .U_MT_UI_Video_ProgressCurrentTime { height: 100%; background: #fdcd4d; cursor: pointer; float: left; }
  14. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_SoundControls { background: url("img/Controls/Video/soundIcon.png") no-repeat center; /*background: url("img/soundIcon.png") no-repeat center;*/ height: 100%; width: 10px; margin: 0 0 0 15px; cursor: pointer; }
  15. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_SoundProgress { width: 35px; position: relative; top: calc(50% - 2px); background: #fff; height: 4px; margin: 0 2px; cursor: pointer; }
  16. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_SoundProgress .U_MT_UI_Video_SoundProgressCurrent { height: 100%; background: #fdcd4d; cursor: pointer; }
  17. .U_MT_UI_Video_VideoControls .U_MT_UI_Video_FullScreen { background: url("img/Controls/Video/fullScreenBtn.png") no-repeat center; /*background: url("img/fullScreenBtn.png") no-repeat center;*/ width: 28px; height: 100%; margin: 0 20px; cursor: pointer; }