DrByte

Hi,

NOTE: The Pro Login Widget is only available to s2member Pro

Hope this help:

1- Add this to the your template header (header.php):

<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#backgroundPopup").css({
			"opacity": "0.7"
		});
		$("#backgroundPopup").fadeIn("slow");
		$("#popupContact").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#backgroundPopup").fadeOut("slow");
		$("#popupContact").fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupContact").height();
	var popupWidth = $("#popupContact").width();
	//centering
	$("#popupContact").css({
		"position": "absolute",
		"top": windowHeight/2-popupHeight/2,
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#backgroundPopup").css({
		"height": windowHeight
	});
	
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!
	$("#button").click(function(){
		//centering with css
		centerPopup();
		//load popup
		loadPopup();
	});
				
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#backgroundPopup").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});
</script>

<style>
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
#button{
text-align:center;
margin:100px;
}
</style>

2- Add this to where you want to show the menu button

<div id="button"><input type="submit" value="Log In" /></div>

<div id="popupContact">
		<a id="popupContactClose">x</a>
		<p id="contactArea">
			<?php echo s2member_pro_login_widget(); ?> 
		</p>
	</div>
	<div id="backgroundPopup"></div>
	

You can optimize it the way you want. add the style to your style sheet and add the second JavaScript to a separate file and call it like this [example]

<script src="login_popup.js" type="text/javascript"></script>

Now, since you want to add it to your menu I would remove the

<div> and use <ul> and <li>

instead:

<li id="button"><input type="submit" value="Log in" /></li>

and add your menu custom style like this:

<li id="button" class="your menu style"><input type="submit" value="Log In" /></li>

Hop this help

Sam

• This reply was modified 4 years, 9 months ago by  DrByte.

Try the the full url like http://www.site.com/jwplayer/jwplayer.js
&
http://www.site.com/jwplayer/player.swf

Also make sure the video name is correct

Also you have mp4 in at the s2/member inline box

Sam

Others pages you may want to try

http://www.codetrac.net/?page_id=572 it a mov file

this is your video

http://www.codetrac.net/?page_id=573

Are you using Amazon at all or just your host directory?

Here is another page using S2member directory.

http://www.codetrac.net/test/wp-admin

test
test

let me know if the video plays on your iphone and ipad

Sam

Look at the code and see if you can copy it to your – the video

Sam

OK,

Can you please go here http://www.codetrac.net/wp-admin

log in info

username: test
password: test

you will see a video

try to play in in you iPad, iPhone …..etc

let me know

Sam

Hi,

So let me get this right..

you have an MP4 video file
you were using AWS – stream OK to your Mac but not to your iPad, iPhone
when streaming locally, it works on all (when deleting htaccess)

Can you please show us the full JW Player code you are using on your site.

Sam

Hi Matt Barr

Can you please give us a link so we can take a look. Thanks

Sam

Actually, It’s not a bad idea for Jason to add a small ad to the free version of S2. Why not? Everybody is doing it.

Let’s see, 1/2 mil impression/mo x .005 =’s couple of Maine Lobsters, a huge crab, and beer. Not bad, not bad at all

Sam