TechSpott - Computer and technology forums

Go Back   TechSpott - Computer and technology forums > Webmasters > Design & Developmet > HTML & CSS
HTML & CSS Place to talk about website design and get help with HTML, CSS, DHTML, etc.

Reply
 
Thread Tools Display Modes
Old April 4th, 2010, 02:49 AM   #1 (permalink)
max
Guest
 
Posts: n/a
Default dim the lights for html or css?

Does anyone know a simple html code or css to dim a websites background for a video. if you remember, youtube did this for a little while where you click a button shaped like a light bulb then background fades but the video is still lit up. i want that html code or css.
preferably html

thanks
  Reply With Quote Share with Facebook
Old April 4th, 2010, 02:50 AM   #2 (permalink)
Jeff B
Guest
 
Posts: n/a
Default

They don't do it with html. Most of the mechanisms behind YouTube is a whole lot of (Not html) What technology do they use to implement it? Not sure
  Reply With Quote Share with Facebook
Old April 4th, 2010, 02:50 AM   #3 (permalink)
Ansari
Guest
 
Posts: n/a
Default

try this:

div#myDiv {
......
.......
......
opacity:0.5;
}

by using javascript you can fade in/fade out the div opacity.
for example:
<script>
document.getElementById('myDiv').setProperty('opac ity',1);
</script>

Hope this will help u.
  Reply With Quote Share with Facebook
Old April 4th, 2010, 02:52 AM   #4 (permalink)
Chris
TechSpott Rookie
 
Join Date: Mar 2010
Posts: 39
Thanks: 0
Thanked 0 Times in 0 Posts
Chris is an unknown quantity at this point
Default

They generally use a DIV that is 100% of the page, absolutly positioned, one level below that of the video and set to hidden. Javascript is used to trigger it to show
Chris is offline   Reply With Quote Share with Facebook
Reply

Bookmarks

Tags
css, dim, html, lights


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


Similar Threads
Thread Thread Starter Forum Replies Last Post
Turn Down the Lights in the Chrome Hulat Browsers 0 March 25th, 2010 10:11 AM

 
Forum Stats
Members: 14,320
Threads: 20,327
Posts: 27,671
Total Online: 34

Newest Member: VanoNat

Latest Threads

Advertisements

Support our advertisers!

Amazon
Sears
Macys
1800flowers.com
Drugstore.com


Carbonite Online-Backups
Tiger Direct
Tech Depot
Buy.com
Office Depot
Fatcow
HostGator


TripsNow.us
Marriott
Expedia
CheapTickets.com
OneTravel
Hotwire

Are you a Fan?

Share this on Facebook

Tag Cloud

Partner Links


Contact Us - Home - Archive - Privacy Statement - Top - Copyright © 2009-2010, TechSpott - All times are GMT -4. Time is 05:20 AM

Powered by vBulletin® Copyright © Jelsoft Enterprises Ltd. :: SEO by vBSEO