It goes a little something like this (obviously the full version wil be more detailed and require some tweaks, such as throwing a text-align: center in there somewhere to complete the effect):
HTML:
Code: Select all
<div class="post">
<div class="post-body">
<div class="post-content">
<p>This is a post.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
<div class="background">
<video class="bgvideo" loop muted autoplay><source src="something.webm" type=video/webm></video>
</div>
</div>
CSS:
Code: Select all
.post-body {
font-family: sans-serif;
font-weight: bold;
color: yellow;
text-shadow: 1px 1px 0px black, 1px -1px 0px black, -1px 1px 0px black, -1px -1px 0px black;
margin: 1em;
padding: 1em;
position: relative;
overflow: hidden;
}
.background {
position: absolute;
z-index: -1;
top: 50%; left: 50%; right: -50%; bottom: -50%;
margin: 0 auto;
text-align: center;
}
.bgvideo {
vertical-align: middle;
min-width: 100%; min-height: 100%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
Then, obviously, set up the server-side code code so that it gives each post a different URL to a different, random (determined by the post ID, so it's always the same video under a given post) decontextualized video hosted on the server. Strip the audio from them ('cause they'll be muted anyway) and keep the length down, and it might even not completely destroy the server's bandwidth! There's a good chance it'll melt users' computers, though.
If I have any other good ideas for how to create the most obnoxious forum on the internet, I'll post them here, for safekeeping.