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