kashire/lainchan
4
0
Fork 0
Code Issues 18 Pull Requests Releases Wiki Activity

remove other collapse methods

Browse Source
This commit is contained in:
ccd0 2013-11-15 22:33:48 -08:00
parent 6b0b1fe144
commit 827bc5f0a1
1 changed files with 3 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
expandvideo.js
View File

@ -31,12 +31,6 @@ function setupVideo(thumb, url) {
video.src = url; video.src = url;
video.loop = loop; video.loop = loop;
video.innerText = "Your browser does not support HTML5 video."; video.innerText = "Your browser does not support HTML5 video.";
video.addEventListener("click", function(e) {
if (e.shiftKey) {
unexpand();
e.preventDefault();
}
}, false);
videoHide = document.createElement("img"); videoHide = document.createElement("img");
videoHide.src = configRoot + "cc/collapse.gif"; videoHide.src = configRoot + "cc/collapse.gif";
@ -44,6 +38,7 @@ function setupVideo(thumb, url) {
videoHide.title = "Collapse video"; videoHide.title = "Collapse video";
videoHide.style.marginLeft = "-15px"; videoHide.style.marginLeft = "-15px";
videoHide.style.cssFloat = "left"; videoHide.style.cssFloat = "left";
videoHide.addEventListener("click", unexpand, false);
videoContainer = document.createElement("div"); videoContainer = document.createElement("div");
videoContainer.style.paddingLeft = "15px"; videoContainer.style.paddingLeft = "15px";
@ -51,11 +46,6 @@ function setupVideo(thumb, url) {
videoContainer.appendChild(video); videoContainer.appendChild(video);
thumb.parentNode.insertBefore(videoContainer, thumb.nextSibling); thumb.parentNode.insertBefore(videoContainer, thumb.nextSibling);
// Clicking anywhere in the strip beneath the collapse button collapses the video
videoContainer.addEventListener("click", function(e) {
if (e.target != video) unexpand();
} , false);
// Dragging to the left collapses the video // Dragging to the left collapses the video
video.addEventListener("mousedown", function(e) { video.addEventListener("mousedown", function(e) {
if (e.button == 0) mouseDown = true; if (e.button == 0) mouseDown = true;
@ -105,7 +95,7 @@ function setupVideo(thumb, url) {
expanded = false; expanded = false;
hovering = true; hovering = true;
var docRight = document.body.parentNode.getBoundingClientRect().right; var docRight = document.documentElement.getBoundingClientRect().right;
var thumbRight = thumb.querySelector("img, video").getBoundingClientRect().right; var thumbRight = thumb.querySelector("img, video").getBoundingClientRect().right;
var maxWidth = docRight - thumbRight - 20; var maxWidth = docRight - thumbRight - 20;
if (maxWidth < 250) maxWidth = 250; if (maxWidth < 250) maxWidth = 250;
@ -113,7 +103,7 @@ function setupVideo(thumb, url) {
video.style.position = "fixed"; video.style.position = "fixed";
video.style.right = "0px"; video.style.right = "0px";
video.style.top = "0px"; video.style.top = "0px";
var docRight = document.body.parentNode.getBoundingClientRect().right; var docRight = document.documentElement.getBoundingClientRect().right;
var thumbRight = thumb.querySelector("img, video").getBoundingClientRect().right; var thumbRight = thumb.querySelector("img, video").getBoundingClientRect().right;
video.style.maxWidth = maxWidth + "px"; video.style.maxWidth = maxWidth + "px";
video.style.maxHeight = "100%"; video.style.maxHeight = "100%";