From 6b0b1fe144d1bdc876c29edb827f172e82794176 Mon Sep 17 00:00:00 2001 From: ccd0 Date: Wed, 13 Nov 2013 23:17:09 -0800 Subject: [PATCH] drag to right to collapse video --- expandvideo.js | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/expandvideo.js b/expandvideo.js index 7a68f631..ef21b62f 100644 --- a/expandvideo.js +++ b/expandvideo.js @@ -6,6 +6,7 @@ function setupVideo(thumb, url) { var loop = true; var loopControls = [document.createElement("span"), document.createElement("span")]; var fileInfo = thumb.parentNode.querySelector(".fileinfo"); + var mouseDown = false; function unexpand() { if (expanded) { @@ -54,6 +55,23 @@ function setupVideo(thumb, url) { videoContainer.addEventListener("click", function(e) { if (e.target != video) unexpand(); } , false); + + // Dragging to the left collapses the video + video.addEventListener("mousedown", function(e) { + if (e.button == 0) mouseDown = true; + }, false); + video.addEventListener("mouseup", function(e) { + if (e.button == 0) mouseDown = false; + }, false); + video.addEventListener("mouseenter", function(e) { + mouseDown = false; + }, false); + video.addEventListener("mouseout", function(e) { + if (mouseDown && e.clientX - video.getBoundingClientRect().left <= 0) { + unexpand(); + } + mouseDown = false; + }, false); } }