Help Me Implment My CSS Tweak


(Donald Swofford) #1

I made a jsFiddle that demos my idea to make a video of an aquarium play as the background of my reef enthusiasts forum.

Could anyone tell me the best way to quickly try this out using existing divs with CSS tweaks only. I have a hunch it may be too much and don’t want to go hacking at things adding extra divs etc.


(Donald Swofford) #2

OK I simplified the code a bit. It works but Im not sure where to put the html so that it fill up the fill body. Right now it seems to have two margins on either side. http://community.wetworks.co/ if viewed in widescreen format

HTML:

`

`

CSS:

#video-background { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; }


(Donald Swofford) #3

AhA! there is a CSS rule
http://community.wetworks.co/stylesheets/desktop_33c849807ddf53d07366a59a941c37255d8e5c7e.css?__ws=community.wetworks.co

that has a css rule:

video { max-height: 500px; }

That is causing it to stop its expansion. Why is that there and how can over rule it for this video?


(Donald Swofford) #4

duh I added

#video-background {
max-height: none !important;
}

works now


(Donald Swofford) #5

Let me know what you think. http://community.wetworks.co/


(Kane York) #6

Doesn’t show up for me.

https://redirector.googlevideo.com/videoplayback?fexp=9407157,9414702,94194…B37517B9&title=Georgia-Aquarium---Ocean-Voyager-Tank-HD%20%5BTheWap.Net%5D 
Failed to load resource: the server responded with a status of 403 ()

(Donald Swofford) #7

I removed it. It seemed too much