From 97792ff38732274e906071e72902db3b83df9f61 Mon Sep 17 00:00:00 2001 From: czaks Date: Sun, 6 Apr 2014 21:39:33 +0200 Subject: more work on containerchan --- containerchan/collapse.gif | Bin 67 -> 0 bytes containerchan/playersettings.js | 28 ---------------------------- containerchan/playerstyle.css | 39 --------------------------------------- js/expand-video.js | 2 +- js/webm/playersettings.js | 28 ++++++++++++++++++++++++++++ static/collapse.gif | Bin 0 -> 67 bytes stylesheets/webm/playerstyle.css | 39 +++++++++++++++++++++++++++++++++++++++ 7 files changed, 68 insertions(+), 68 deletions(-) delete mode 100644 containerchan/collapse.gif delete mode 100644 containerchan/playersettings.js delete mode 100644 containerchan/playerstyle.css create mode 100644 js/webm/playersettings.js create mode 100644 static/collapse.gif create mode 100644 stylesheets/webm/playerstyle.css diff --git a/containerchan/collapse.gif b/containerchan/collapse.gif deleted file mode 100644 index cda6b337..00000000 Binary files a/containerchan/collapse.gif and /dev/null differ diff --git a/containerchan/playersettings.js b/containerchan/playersettings.js deleted file mode 100644 index 861d27c2..00000000 --- a/containerchan/playersettings.js +++ /dev/null @@ -1,28 +0,0 @@ -/* This file is dedicated to the public domain; you may do as you wish with it. */ -if (window.addEventListener) window.addEventListener("load", function(e) { - document.getElementById("playerheader").appendChild(settingsMenu); - - var video = document.getElementsByTagName("video")[0]; - - var loopLinks = [document.getElementById("loop0"), document.getElementById("loop1")]; - function setupLoopLink(i) { - loopLinks[i].addEventListener("click", function(e) { - if (!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) { - video.loop = (i != 0); - if (i != 0 && video.currentTime >= video.duration) { - video.currentTime = 0; - } - loopLinks[i].style.fontWeight = "bold"; - loopLinks[1-i].style.fontWeight = "inherit"; - e.preventDefault(); - } - }, false); - } - for (var i = 0; i < 2; i++) { - setupLoopLink(i); - } - - video.muted = (setting("videovolume") == 0); - video.volume = setting("videovolume"); - video.play(); -}, false); diff --git a/containerchan/playerstyle.css b/containerchan/playerstyle.css deleted file mode 100644 index b78b67ef..00000000 --- a/containerchan/playerstyle.css +++ /dev/null @@ -1,39 +0,0 @@ -/* This file is dedicated to the public domain; you may do as you wish with it. */ -body { - background: black; - color: white; - margin: 0px; -} -#playerheader { - position: absolute; - left: 0px; - right: 0px; - top: 0px; - height: 24px; - padding: 0px 4px; - text-align: right; - font-size: 16px; -} -#playerheader a { - color: white; - text-decoration: none; -} -span.settings div { - background: black; - z-index: 1; - padding-right: 4px; -} -#playercontent { - position: absolute; - left: 0px; - right: 0px; - top: 24px; - bottom: 0px; -} -video { - display: block; - margin-left: auto; - margin-right: auto; - max-width: 100%; - max-height: 100%; -} diff --git a/js/expand-video.js b/js/expand-video.js index 27438427..96427667 100644 --- a/js/expand-video.js +++ b/js/expand-video.js @@ -41,7 +41,7 @@ function setupVideo(thumb, url) { video.innerText = "Your browser does not support HTML5 video."; videoHide = document.createElement("img"); - videoHide.src = configRoot + "cc/collapse.gif"; + videoHide.src = configRoot + "static/collapse.gif"; videoHide.alt = "[ - ]"; videoHide.title = "Collapse video"; videoHide.style.marginLeft = "-15px"; diff --git a/js/webm/playersettings.js b/js/webm/playersettings.js new file mode 100644 index 00000000..861d27c2 --- /dev/null +++ b/js/webm/playersettings.js @@ -0,0 +1,28 @@ +/* This file is dedicated to the public domain; you may do as you wish with it. */ +if (window.addEventListener) window.addEventListener("load", function(e) { + document.getElementById("playerheader").appendChild(settingsMenu); + + var video = document.getElementsByTagName("video")[0]; + + var loopLinks = [document.getElementById("loop0"), document.getElementById("loop1")]; + function setupLoopLink(i) { + loopLinks[i].addEventListener("click", function(e) { + if (!e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) { + video.loop = (i != 0); + if (i != 0 && video.currentTime >= video.duration) { + video.currentTime = 0; + } + loopLinks[i].style.fontWeight = "bold"; + loopLinks[1-i].style.fontWeight = "inherit"; + e.preventDefault(); + } + }, false); + } + for (var i = 0; i < 2; i++) { + setupLoopLink(i); + } + + video.muted = (setting("videovolume") == 0); + video.volume = setting("videovolume"); + video.play(); +}, false); diff --git a/static/collapse.gif b/static/collapse.gif new file mode 100644 index 00000000..cda6b337 Binary files /dev/null and b/static/collapse.gif differ diff --git a/stylesheets/webm/playerstyle.css b/stylesheets/webm/playerstyle.css new file mode 100644 index 00000000..b78b67ef --- /dev/null +++ b/stylesheets/webm/playerstyle.css @@ -0,0 +1,39 @@ +/* This file is dedicated to the public domain; you may do as you wish with it. */ +body { + background: black; + color: white; + margin: 0px; +} +#playerheader { + position: absolute; + left: 0px; + right: 0px; + top: 0px; + height: 24px; + padding: 0px 4px; + text-align: right; + font-size: 16px; +} +#playerheader a { + color: white; + text-decoration: none; +} +span.settings div { + background: black; + z-index: 1; + padding-right: 4px; +} +#playercontent { + position: absolute; + left: 0px; + right: 0px; + top: 24px; + bottom: 0px; +} +video { + display: block; + margin-left: auto; + margin-right: auto; + max-width: 100%; + max-height: 100%; +} -- cgit v1.3