html - 如何重置 panzoom.js 的坐标?

标签 html video zooming pan

我正在开发一个 HTML/css/js 程序来拖动视频以定位它并使用鼠标滚轮缩放它。该程序在浏览器屏幕中缩放得很好。但是,当我切换到全屏时,放大时视频会从光标处爬上去。如何在进入全屏时重置 panzoom.js 的坐标?

这些是链接:Zoom.htmljquery.panzoom.js

最佳答案

jquery.panzoom.js 中有一个“重置”选项.因此,在全屏显示时,将此添加到您的 BigSmall 函数中:

$('#focal').find('.panzoom').panzoom("reset");

然后它将重置缩放状态。

关于html - 如何重置 panzoom.js 的坐标?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30155928/

相关文章:

javascript - 自动播放有声视频

html - 三个图像排列

css - android phonegap jquery 移动应用程序中未显示背景图像

java - 绘制边界矩形以选择要记录的区域

java - 在 Windows 上的 Xuggler 库中获取网络摄像头名称

html - 如何在 Mobile Safari 上禁用视口(viewport)缩放?

javascript - GetJSON jquery 返回未定义

windows - FFMPEG Concat 失败 - 系统找不到指定的文件

Android - RecyclerView 和缩放图像

html - 随缩放移动的导航栏未对齐 [HTML/CSS]