auto refresh after (x) seconds?

[Vermino]

I think I'm seriously missing some small thing to get this code to just auto refresh after (x) seconds or after video completes fully. This is for users to watch from a database of other users that submitted url's - right now all I could put a skip button to auto-refresh. If anyone can help or at least point me into the right direction on some snippets I can kind-of work off of.

 

here is the snippet (kind-of a big snippet)

 

<?
include('header.php');
foreach($_GET as $key => $value) {
$secure[$key] = filter($value);
}
if($_GET['a'] == "skip"){
$sit1 = mysql_query("SELECT * FROM `youtube` WHERE `id`='{$secure['id']}'");
$sit = mysql_num_rows($sit1);
if($sit > 0){
mysql_query("INSERT INTO `viewed` (user_id, site_id) VALUES('{$data->id}','{$secure['id']}')");
}}
?>
<div class="block medium right">
		<div class="top"><?if(isset($data->login)) {?>	
                  <h1>Earn Coins - Youtube</h1>
            </div>
		<div class="content">

<? // fetches all "unplayed" youtube videos for this user //
  $site2 = mysql_query("SELECT * FROM `youtube` WHERE (`active` = '0' AND `points` >= `cpc`) AND `id` NOT IN (SELECT `site_id` FROM `viewed` WHERE `user_id`='{$data->id}') ORDER BY `cpc` DESC LIMIT 0, 1");
  $site = mysql_fetch_object($site2);
  $ext = mysql_num_rows($site2);
if($ext > 0){
?>			
<script src="js/swfobject.js"></script>
<script type="text/javascript">
var playing = false;
var fullyPlayed = false;
var interval = '';
var played = 0;
var length = 30;

function YouTubePlaying(){
played += 0.1;
roundedPlayed = Math.ceil(played);
document.getElementById("played").innerHTML = Math.min(roundedPlayed,length);
if (roundedPlayed == length){
	if (fullyPlayed == false){
		YouTubePlayed();
		fullyPlayed = true;
	}
}
}
function YouTubePlayed(){
    var response = '<? echo $site->youtube;?>';
var username = "<? echo $data->id;?>";
    $.post("ytreceive.php",
	{  data: response + "---" + username},
	function(result){
		if(!isNaN(result)) { 
			var curr_val = $('#points').text();
			var new_val = parseInt(curr_val)+parseInt(result);
			$('#points').text(new_val); 
		}
	}
 );
document.getElementById(response).style.visibility = "visible";
}

function onYouTubePlayerReady(playerId){
ytplayer = document.getElementById("myytplayer");
ytplayer.addEventListener("onStateChange", "onYouTubePlayerStateChange");
}
function onYouTubePlayerStateChange(newState){
if (newState == 1){
	playing = true;
	interval = window.setInterval('YouTubePlaying()',100);
}else{
	if (playing) window.clearInterval(interval);
	playing = false;
}
}
  function refreshpage()
   {
      window.location.reload();
   }
</script>
<center>
<div style="width: 520px; padding: 10px;">
<h3>"<? echo $site->title;?>"</h3>
View this video for 30 seconds and after that you will receive <? echo $site->cpc;?> coins<br/><br/>
<div id="ytPlayer">You need Flash player 8+ and JavaScript enabled to view this video.</div>
<script type="text/javascript">
var params = { allowScriptAccess: "always" };
var atts = { id: "myytplayer" };
swfobject.embedSWF("http://www.youtube.com/v/<? echo $site->youtube;?>?enablejsapi=1&playerapiid=ytplayer&autoplay=1", "ytPlayer", "425", "356", "8", null, null, params, atts);
</script>
<br/>

<br />Must play for <span id="played">0</span>/10 seconds (<a href="youtube.php?a=skip&id=<? echo $site->id;?>" style="color:blue">Skip</a>)
<div id="<? echo $site->youtube;?>" style="visibility:hidden"><a href="javascript:refreshpage()">View Next Video</a></div>
</div></center>
<?}else{?>
<div class="msg">
<div class="error">Sorry, there are no more coins to be earned at the moment. Please try again later.</div>
<div class="info"><a href="buy.php"><b>Feel like you need more coins? You can purchase them now!</b></a></div></div>
<?}}else{?><script>document.location.href='index.php'</script><?}?>
			</div>
		</div>		
<?include('footer.php');?>

[Danny696]

A simple mets tag should do the job;

<meta http-equiv="refresh" content="32" />