Thread: Video mootools lights off mod for SocialEngine

Hi there i have created a lights off mod for video preview page, where you can hide all background exerpt the playing video.
for demo check: [Only registered and activated users can see links. Click Here To Register...] and click the light bulb.

so here we go.
1. Open video.tpl file with your editor and add before

Code:

{include file='footer.tpl'}

the line:

Code:

<div id="shadow" style="background-color:#000000; position:absolute; left:0; top:0; width:100%; height:100%;  z-index:80;display: none;" onClick="$('shadow').style.display = 'none';"></div>

2. in {* SHOW STATS *} add after

Code:

<div style='float: left; padding-left: 15px; padding-top: 5px;'>{lang_sprintf id=5500038 1=$video_info.video_views}</div>

the line:

Code:

<div style='float: left; padding-left: 15px; padding-top: 5px;'><a href='javascript:void(0);' onClick=" $('shadow').style.display = 'block';"><img src='./images/light_bulb_off.png' border='0' class='icon' /></a></div>

3. in {* DISPLAY FLASH PLAYER *} replace

Code:

<div id='sevideo_player'></div>

by

Code:

<div id='sevideo_player' style="position:relative;z-index:100;"></div>

those who use my JWplayer mod need to replace

Code:

<p id='preview'>The player will show in this paragraph</p>

by

Code:

<p id='preview' style="position:relative;z-index:100;">The player will show in this paragraph</p>

Enjoy

can this also automatically turn light off as soon as the video is played/buffered..example 15 seconds elapsed time? thats what i normally see in those free movie online.