web: common: MediaViewer. Fixed a styles
This commit is contained in:
parent
ca23997dc3
commit
c9108fe3da
@ -11,6 +11,7 @@ import Readme from './README.md';
|
|||||||
var playlist = [
|
var playlist = [
|
||||||
{
|
{
|
||||||
id: 0,
|
id: 0,
|
||||||
|
fileId: 0,
|
||||||
src: "",
|
src: "",
|
||||||
title: ""
|
title: ""
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
|
@ -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 => {
|
||||||
|
Loading…
Reference in New Issue
Block a user