0

画像とビデオでスライドショーを作成しようとしています。スライドショーは実行されていますが、ビデオが実行されている場合、jquery タイムアウトのため、スライドショーは次のスライドに移動します。次のスライドに移動する前にビデオを最初に終了させたいのですが、ビデオの実行には 5 分かかります。

誰でも私を助けることができますか？

これはスクリプトです..

<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>
4

1 に答える 1

0

$('#myslides').cycle('toggle');スライドショーのオンとオフを切り替えるために使用できます。このオプションを使用して、after: mycallback表示されているスライドがビデオであるかどうかを検出できます。そうである場合は、サイクルを一時停止し、ビデオを開始します。

最後に、ビデオが完成した場合、またはユーザーが次のスライドに移動してビデオをオーバーライドした場合でも、ディスパッチする方法を見つける必要があります。そのような状況では$('#myslides').cycle('toggle');、スライドショーをオンに戻すためにもう一度電話をかけます。

ビデオイベントをピックアップする最も簡単な方法は、それらのイベントをサポートしているjwplayerのようなプレーヤーを使用することです。それはあなたの訪問者にとってもより良いでしょう。

于 2012-06-13T12:28:51.470 に答える