video.css 1003 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. /* 播放器显示暂停图标start */
  2. .vjs-paused .vjs-big-play-button,
  3. .vjs-paused.vjs-has-started .vjs-big-play-button {
  4. display: block;
  5. }
  6. /* 播放器显示暂停图标end */
  7. /* 暂停图标显示为圆形start */
  8. .video-js .vjs-big-play-button{
  9. font-size: 2.5em;
  10. line-height: 2.3em;
  11. height: 2.5em;
  12. width: 2.5em;
  13. -webkit-border-radius: 2.5em;
  14. -moz-border-radius: 2.5em;
  15. border-radius: 2.5em;
  16. background-color: #73859f;
  17. background-color: rgba(115,133,159,.5);
  18. border-width: 0.15em;
  19. margin-top: -1.25em;
  20. margin-left: -1.75em;
  21. }
  22. /* 中间的播放箭头 */
  23. .vjs-big-play-button .vjs-icon-placeholder {
  24. font-size: 1.63em;
  25. }
  26. /* 加载圆圈 */
  27. .vjs-loading-spinner {
  28. font-size: 2.5em;
  29. width: 2em;
  30. height: 2em;
  31. border-radius: 1em;
  32. margin-top: -1em;
  33. margin-left: -1.5em;
  34. }
  35. /* 暂停图标显示为圆形end */
  36. /* 设置播放时间 */
  37. .video-js .vjs-time-control{display:block;}
  38. .video-js .vjs-remaining-time{display: none;}