web: common: MediaViewer. Fixed a styles

This commit is contained in:
NikolayRechkin 2020-05-13 10:18:28 +03:00
parent ca23997dc3
commit c9108fe3da
3 changed files with 8 additions and 2 deletions

View File

@ -11,6 +11,7 @@ import Readme from './README.md';
var playlist = [ var playlist = [
{ {
id: 0, id: 0,
fileId: 0,
src: "", src: "",
title: "" title: ""
} }

View File

@ -13,6 +13,7 @@ const StyledProgress = styled.div`
height:6px; height:6px;
background:rgba(200,200,200,0.2); background:rgba(200,200,200,0.2);
margin:15px 0; margin:15px 0;
vertical-align: middle;
} }
.fill{ .fill{
cursor: pointer; cursor: pointer;

View File

@ -117,6 +117,7 @@ FullScreenBtn.propTypes = {
const StyledValumeContainer = styled.div` const StyledValumeContainer = styled.div`
display: inline-block; display: inline-block;
vertical-align: top;
line-height: 39px; line-height: 39px;
position: relative; position: relative;
@ -148,6 +149,7 @@ const StyledDuration = styled.div`
margin: 5px; margin: 5px;
width: 60px; width: 60px;
text-align: center; text-align: center;
vertical-align: top;
border-radius: 2px; border-radius: 2px;
cursor: pointer; cursor: pointer;
@ -303,8 +305,10 @@ class VideoViewer extends Component {
} }
handleSeekMouseUp = e => { handleSeekMouseUp = e => {
this.setState({ seeking: false }) if(!isNaN(parseFloat(e.target.value))){
this.player.seekTo(parseFloat(e.target.value)) this.setState({ seeking: false });
this.player.seekTo(parseFloat(e.target.value));
}
} }
handleProgress = state => { handleProgress = state => {