I wrote a modification to the Chrome extension.
It:
- Disables autobplay.
- Enables the controls.
- Creates virtual resize "buttons". The top "button" is the top half of the video. The bottom "button" is the lower half of your video. Clicking the top half makes the video larger (no limit, have fun), clicking the bottom half makes the video smaller (reasonable minimum size)
If you want to install this, edit the file at this location:
C:\Users\$YourUserName$\AppData\Local\Google\Chrome\User Data\Default\Extensions\gcjkaaggachnbhepejjhfacpldjflffl\1.0_0\extensions.js
Completely replace the files contents with the following:
Code:
'use strict';
var videos = document.querySelectorAll('.post a'),
link, video;
for (var i = 0; i < videos.length; i++) {
link = videos[i].href;
if (link.indexOf('.webm') === link.length - 5) {
video = document.createElement('video');
video.src = link;
video.autoplay = false
video.loop = false;
video.muted = true;
video.height = 300;
video.controls = true;
video.addEventListener('click',
function()
{
var minHeight = 300;
var currentH = this.height;
var top = 0;
var obj=this;
var topOfControlsOffset = currentH - 35;
var middleOfControlsOffset = (topOfControlsOffset / 2);
do
{
top += obj.offsetTop;
}
while(obj=obj.offsetParent)
var mouseY = event.pageY;
middleOfControlsOffset += top;
topOfControlsOffset += top;
if (mouseY < middleOfControlsOffset)
{
this.height +=50;
}
else if(mouseY < topOfControlsOffset && minHeight<this.height)
{
this.height -=50;
}
},false);
videos[i].parentNode.replaceChild(video, videos[i]);
}
}
The formatting is kind of terrible, I only have notepad on this computer. Got tired of fixing tabbing lol.