前端如何实现海康视频插件视频的拖拽和拉伸

 

HTML 代码：

<div id="v_container">
    <div id="dragBar"></div>
    <div class="cameras">
        <div id="camera_hk">
        </div>
    </div>
 </div>

添加css:

#v_container{
    display: none;
    resize: both;
    overflow: auto;
    position: fixed;
    border: 1px solid black;
    min-width: 300px;
    min-height: 300px;
    background-color: black;
    z-index: 20;
}

js 代码：

drag("v_container","dragBar"); // 实现拖动的功能
// 初始化海康视频

getPubKey(oWebControl,function () {
    //综合安防管理平台IP地址，必填
    let argObj={
        appkey: tzccPara.appkey,                            //API网关提供的appkey
        secret: setEncrypt(tzccPara.appsecret),             //API网关提供的secret
        ip: tzccPara.ip,                                    //API网关IP地址
        playMode: tzccPara.playMode,                        //播放模式（决定显示预览还是回放界面）
        port: tzccPara.port,                                //端口
        snapDir: tzccPara.snapDir,                          //抓图存储路径
        videoDir: tzccPara.videoDir,                        //紧急录像或录像剪辑存储路径
        layout: tzccPara.layout,                            //布局
        enableHTTPS: tzccPara.enableHTTPS,                  //是否启用HTTPS协议
        showToolbar: tzccPara.showToolbar,                  //是否显示工具栏
        showSmart: tzccPara.showSmart,