云台控制html模板,使用vue视频播放器上增加云台控制面板

费了半天劲，终于有效果了。赶紧记录下

html

css

/**播放器云台控制面板**/

.ptz-block {

position: absolute;

z-index: 99999;

height: 220px;

width: 150px;

right: 20px;

margin-top: 1%;

text-align: center;

font-size: 24px;

background: hsla(0, 0%, 93%, .6);

border-radius: 16px;

overflow: hidden;

display: none;

}

/**标准控制面板**/

.ptz-block .ptz-cell{

line-height: 50px;

height: 50px;

width: 50px;

position: absolute;

cursor: pointer;

}

.ptz-block .ptz-up{

top: 70px;

left: 50px;

}

.ptz-block .ptz-left{

top: 120px;

left: 0;

}

.ptz-block .ptz-center{

top: 120px;

left: 50px;

width: 50px;

height: 50px;

line