以下演示工作正常:
http://jsfiddle.net/r6wz0nz6/2/
以下是'视频预览'实践中的课程:
<a href="https://www.youtube.com/watch?v=v1uyQZNg2vE"
target="_blank" class="video-preview" data-frames="100"
data-source="http://i.imgur.com/BX0pV4J.jpg">
</a>
现在,如果您使用鼠标从左向右滚动,不知何故它不起作用(显示缩略图而不是当前图像位置)。这个在v62之前完美运行。从右到左,正常工作。
已更新请在此处查看此内容:https://www.youtube.com/watch?v=HvDP-YXJgOk
问题:如何克服此错误/问题?
P.S。该演示基于此博客文章(https://www.binpress.com/tutorial/how-to-generate-video-previews-with-ffmpeg/138)
更新2 有趣的是,在以下部分:
elm.mousemove(function(e) {
var left = e.clientX - elm.position().left;
slider.show().css('left', left -1); // <<---------------------- this line
img.css('left', -Math.floor((left / width) * frames) * width);
如果我删除&#39; -1&#39;像这样:
slider.show().css('left', left);
它从左到右工作,但现在从右到左显示相同的错误!!
@A提议的解决方法。 Wollf 更改&#34; mouseout&#34;到&#34; mouseleave&#34;它似乎解决了它:http://jsfiddle.net/r6wz0nz6/388