Как вывести YouTube видео с помощью переключателя JQuery? - PullRequest
Новая
       19

Как вывести YouTube видео с помощью переключателя JQuery?

0 голосов
/ 01 июня 2011

Я хочу выводить видео YouTube с опцией включения / выключения с помощью jquery на моем веб-сайте, получая коды вставки YouTube из моей таблицы SQL.Я получил видео на YouTube, чтобы скрыть / отобразить его, нажав кнопку с javascript, но я хотел плавного перехода, который обеспечивает действие переключения jquery.

Вот что у меня есть: 

<html>
<head>
<title>hide/show iframe</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>

<style type="text/css">
<!--

.frDocViewer {
     width:70%;
     height:50%;
     display:none;
     }



-->
</style>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">


$(document).ready(function(){
$("#button").click(function(){
    $(id).toggle("slow");
  });
});


</script>

</head>
<body>



<?php
mysql_connect ("localhost","","") or die(mysql_error());
mysql_select_db ("") or die(mysql_error());

$lastid = mysql_query ("SELECT * FROM embed ORDER BY id DESC LIMIT 1");
$lastid = mysql_fetch_assoc($lastid);
$lastid = $lastid['id'];

for ($count=1; $count<= $lastid ; $count++)
{

$iframe = mysql_query ("SELECT * FROM embed WHERE id=$count ");
$iframe = mysql_fetch_assoc($iframe);
$iframe = $iframe['url'];   




echo "
<img src='utube.gif' id='button'  />

<div id='$count' class='frDocViewer'>

$iframe

</div>
";





}







?>

</body>
</html>

1 Ответ

1 голос
/ 06 июля 2011

Я могу ошибаться, но, похоже, вы ищете функции jQuery .fadeToggle () или .slideToggle ().

Они были включены в jQuery 1.4.4 и работают так же, как .toggle ().

Так что будет: 

//fades from 0 opacity to 1
$(id).fadeToggle("slow");

//slides vertically from 0 to X height
$(id).slideToggle("slow");

Надеюсь, это поможет!

...