videojs-trimmer/dist/videojs-trimmer.css

Video.js Trimmer Plugin

/*! @name videojs-trimmer @version 1.0.0-beta.29 @license MIT */
.vjs-trimmer-container{position:relative;height:70px;width:100%;background:#333}.vjs-trimmer{position:absolute;left:0;right:0;bottom:30px;background:rgba(0,128,255,.5);cursor:move;height:10px}.vjs-trimmer-handle{position:absolute;bottom:25px;width:5px;height:15px;background-color:#fff;cursor:ew-resize;transition:left .1s ease}.vjs-trimmer-handle.end::after,.vjs-trimmer-handle.start::before{content:'';position:absolute;top:50%;transform:translateY(-50%);border-width:10px;border-style:solid}.vjs-trimmer-handle.start::before{left:-10px;border-color:transparent transparent transparent #ff0}.vjs-trimmer-handle.end::after{right:-10px;border-color:transparent #ff0 transparent transparent}.vjs-time-markers{position:absolute;width:100%;height:100%;pointer-events:none}.vjs-time-marker{position:absolute;bottom:0;height:20px;width:1px;background-color:rgba(255,255,255,.3)}.vjs-time-label{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:10px;color:#fff;background-color:rgba(0,0,0,.5);padding:2px 4px;border-radius:2px;white-space:nowrap}.vjs-trimmer-duration{position:absolute;top:5px;left:10px;font-size:12px;color:#fff;background-color:rgba(0,0,0,.7);padding:2px 6px;border-radius:3px}