Create a file called Slashdot-VideoBytes.user.js
and copy the code from the post above into it, then save it.
Drag'n'Drop it onto Pale Moon/Firefox, if GreaseMonkey is installed it will see it as a valid Userscript and ask if you want to install it.
What it does:
</article><article id="firehose-000" class="fhitem fhitem-poll article usermode thumbs grid_24">
<div class="vid-river-header"> <a href="/videos">
<span class="sub-link pull-right"> <a href="/videos">
<div class="units-12 river-group"> <div id="slideshow-wrap"> <input type="radio" id="button-6" name="controls" checked="checked"/>
The above is the section of the page source that deals with the VideoBytes display.
document.getElementsByClassName('vid-river-header').outerHTML = '';
To break this statement down simply, (I'm nothing if not simple):
Retrieves an array (it's not really an array but for this explanation it'll do) of DOM elements that have the class vid-river-header
which you can see in line 3 of the page source above.
There's only one instance of this class in the whole page, it's the first in our array so we reference it as 0 (zero numbered):
We reference the HTML that contains this class using .outerHTML
, this will also include all its descendents, (the following <span> tags, etc), until the end of the tag.
references all of this:
<a href="/videos">Video Bytes</a>
<span class="sub-link pull-right">
<a href="/videos">view more</a>
Finally, we replace it with '' (a pair of apostrophes, ie. nothing). So the page source for that class effectively becomes:
The same thing happens with the next line except we're now looking for a class of units-12 river-group
The first line takes care of the blue VideoBytes header, the second takes care of everything in the box below it.
As I said, it's a rather simplistic solution and a simple change of the class name will break it but it works with the source I can currently see.