diff --git a/pages/videoManage/playVideo.vue b/pages/videoManage/playVideo.vue index 4de88f9e..7b5460bd 100644 --- a/pages/videoManage/playVideo.vue +++ b/pages/videoManage/playVideo.vue @@ -10,7 +10,8 @@ {{videoInfo.videoName}} - + @@ -35,101 +36,124 @@ + .videoOperateBox .zoomout { + background: url("../../static/videoControlIcon/1.png"); + } + + .videoOperateBox .left { + width: 28px; + height: 33px; + background: url("../../static/videoControlIcon/left.png"); + left: 25px; + top: 50%; + margin-top: -16px; + } + + .videoOperateBox .left:hover { + background: url("../../static/videoControlIcon/left-active.png"); + } + + .videoOperateBox .right:hover { + background: url("../../static/videoControlIcon/right-active.png"); + } + + .videoOperateBox .top:hover { + background: url("../../static/videoControlIcon/top-active.png"); + } + + .videoOperateBox .bottom:hover { + background: url("../../static/videoControlIcon/bottom-active.png"); + } + + // .videoOperateBox .center:hover { + // background: url("../../static/videoControlIcon/center-active.png"); + // } + + .videoOperateBox .right { + width: 28px; + height: 33px; + background: url("../../static/videoControlIcon/right.png"); + right: 25px; + top: 50%; + margin-top: -16px; + } + + .videoOperateBox .top { + width: 33px; + height: 28px; + background: url("../../static/videoControlIcon/top.png"); + top: 25px; + left: 50%; + margin-left: -16px; + } + + .videoOperateBox .bottom { + width: 33px; + height: 28px; + background: url("../../static/videoControlIcon/bottom.png"); + bottom: 25px; + left: 50%; + margin-left: -16px; + } + + // .videoOperateBox .center { + // width: 44px; + // height: 40px; + // background: url("../../static/videoControlIcon/center.png"); + // left: 50%; + // top: 50%; + // margin-top: -20px; + // margin-left: -22px; + // } + \ No newline at end of file