videojs-wavesurfer
Version:
video.js plugin that adds a navigable waveform for audio and video files.
39 lines (35 loc) • 1.35 kB
CSS
/*!
Default styles for videojs-wavesurfer 3.10.0
*/
/*!**************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/css/videojs.wavesurfer.scss ***!
\**************************************************************************************************************************/
/* Ensure custom controls are always visible because
the plugin hides and replace the video.js native mobile
controls.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-using-native-controls .vjs-control-bar {
display: flex !important;
}
/* Ensure that vjs menus and interfaces can be interacted with (such as the
progress control).
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer .vjs-menu-content, .vjs-progress-control {
z-index: 4;
}
.vjs-wavesurfer .vjs-modal-dialog, .vjs-text-track-display {
z-index: 4;
}
/* Handle responsive / fluid view.
--------------------------------------------------------------------------------
*/
.vjs-wavesurfer.vjs-fluid wave.vjs-wavedisplay {
top: 0;
position: absolute !important;
width: 100%;
min-width: 100%;
max-width: 100%;
height: 100%;
}