幻燈片圖像，與jQuery週期視頻

我想創建圖像和視頻幻燈片。幻燈片正在運行，但是當視頻正在運行時，幻燈片會轉到下一張幻燈片，因爲jquery超時。我希望視頻完成後再轉到下一張幻燈片，即使視頻需要5分鐘才能運行。幻燈片圖像，與jQuery週期視頻

任何人都可以幫助我嗎？

這是腳本..

<head> 
<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script> 
<script src="js/jquery.cycle.all.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$('#myslides').cycle({ 
    fit: 1, pause: 2 
}); 
}); 
</script> 




<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" /> 

</head> 
<body> 

<?php 

    echo " < table border=0 align=center width=1280 bgcolor=#FA9C56 CLASS='deepsea' >"; 
    echo "< tr height=65><td><img src=images/logo.png width=50 height=50 border=0>< /td> 
    < td align=left width=100%>< font class=fakultas>< font color=#F3F60F>< strong>Fakultas Ilmu Sosial & Politik < /strong></ font>< /td>< /tr>"; 
    echo "< /table>"; 
?> 
< div id="myslides"> 
< ?php 

include "config/koneksi.php"; 
$tanggalku = date("Y-m-d"); 

$cek_query= mysql_query("SELECT * FROM pengumuman a JOIN pengumuman_detail b ON  a.id_pengumuman=b.id_pengumuman and  deadline_pengumuman > '$tanggalku'"); 

while ($rs=mysql_fetch_array($cek_query)) 
{ 


    echo "< table border=0 align=center width=1200>"; 

    echo "< tr>"; 
    echo "< td align=center width=100%>"; 
    echo "< font class=judul><font color=#111111><strong>".$rs[judul_pengumuman]." </strong>< /font>"; 
    echo "< /td>"; 
    echo "< /tr>"; 
    echo "< tr>"; 
    echo "< td width=1200>"; 
    echo '< tr>< td>< hr class="style2">< /td>< /tr>'; 
    echo "< /td>"; 
    echo "< /tr>"; 

    echo "< tr>"; 

    if ($rs[status]=='F') 
    { 
    echo "< td align=center>"; 
    echo "< img src='foto/".$rs[file_upload]."' border=2 >"; 
    echo "< /td>"; 
    } 
    elseif ($rs[status]=='V') 
    { 
    echo "< td align=center>"; 
    ?> 

     < OBJECT ID="MediaPlayer" WIDTH=320 HEIGHT=331 CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95" STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject"> 
     < PARAM NAME="FileName" VALUE="video-filename.wmv"> 
    < PARAM name="ShowControls" VALUE="true"> 
    < param name="ShowStatusBar" value="true"> 
    < PARAM name="ShowDisplay" VALUE="true"> 
    < PARAM name="autostart" VALUE="true"> 
    < EMBED TYPE="application/x-mplayer2" SRC="ABBG.avi" NAME="MediaPlayer" WIDTH=820 HEIGHT=451 ShowControls="0" 
    ShowStatusBar="1" ShowDisplay="1" autostart="1"> </EMBED> 
    </OBJECT> 

    < ?php 
     echo "< /td>"; 
    } 
    else 
    { 
    echo "< td width=1200 align=center>"; 
    echo " ".$rs[isi_pengumuman_detail].""; 
    echo "< /td>"; 
    } 


    echo "< /tr>"; 


    echo "< /table>"; 
} 

?> 


</div>

來源

2012-06-13 royen manurung

我不認爲，如果無法檢測確切的視頻緩衝時間，因爲它取決於互聯網的速度。 –

您可以使用$('#myslides').cycle('toggle');來打開和關閉幻燈片。您可以使用after: mycallback選項來檢測顯示的幻燈片是否爲視頻。如果是，請暫停循環，開始播放視頻。

最後，如果用戶通過轉到下一張幻燈片，您需要找到一種即使在視頻完成時也能派送的方法或。在這種情況下，您再次撥打$('#myslides').cycle('toggle');即可重新打開幻燈片。

選擇視頻事件的最簡單方法是使用像jwplayer這樣的支持這些事件的播放器。這對你的訪問者來說也會更好。

來源

2012-06-13 12:28:51

幻燈片圖像，與jQuery週期視頻

回答

相關問題