Galeria de videos com Jquery?

[Leandro Persi 0]

Boa tarde.

Preciso de uma galeria de vídeos com Jquery como várias galerias de imagens com navegação pelas seyas laterais mas não encontro e gostaria da ajuda dos colegas;

 

Obrigado

[William Bruno 1501]

Boa Tarde,

 

A maioria dos plugins que fazem galeria de imagens, também servem para fazer galerias de vídeos.

Basta implementar igual. você tentou com qual ?

[Leandro Persi 0]

Aê William, desculpe a demora pra responder mas estiver offline essa semana.

Rapaz, ja testei várias galerias mas não consegui nada até agora, tenho galerias de imagens e tentei adcionar um video flash para testar mas não funcionou, preciso de uma galeria simples que apareça apenas um item por vez e as setas ao lado para rolar os outros vídeos.

Se você ou algum colega puder me dizer qual galeria faz isso e qual tipo de vídeo eu devo usar eu ficaria muito agradecido, esse tipo de galeria eu nunca fiz.

 

PS. Eu quero colocar essa galeria na index deste site, na área dos PROJECTS.

Clique aqui

 

Valeu

Abraço

[William Bruno 1501]

qualquer uma funciona, por exemplo o fancybox:

http://fancybox.net/

 

 

o único detalhe a notar, é "onde estarão hospedados" os vídeos ? se estiverem no youtube, então é bem trivial fazer.

[Leandro Persi 0]

Dobre a hospedagem dos videos ainda não foi definido, ainda preciso conversar com o cliente sobre isso.

 

Sobre a opção que indicou eu gostei mas estou procurando alguma coisa que já navegue na própia página, que não precise abrir um lightbox, gostaria que a nvegação e play dos videos fossem feitos naquela área onde esta o robozinho. Mas aproveitando a mensagem, se eu quiser inserir um vídeo do youtube no lugar da imagem ampliada e com a navegação, como eu faria?

 

Obrigado

[nuclia 0]

Beleza Willian ?

Eu estou querendo fazer o seguinte, abrir localmente dentro de uma div, os videos. Veja bem, eu gravo o nome do arquivo em uma base de dados (tabela). E em um campo eu gravo o titulo do vídeo, o qual gero na página um link em cada título. Criei uma jquery basia para chamar cada video pelo, porém uma carrega e as  outras não. Vou colocar o código aqui. Analise por gentileza, onde está o erro.

 

<script> 
$(document).ready(function(){ 
$("#videos_pele_col1 a").click(function(e){ 

var vd = $(this).attr('id'); 

if(vd == "vd1"){ 
//alert(vd); 
$("#video1").css("visibility","visible"); 
$("#video2").css("visibility","hidden"); 
$("#video3").css("visibility","hidden"); 
} 

if(vd == "vd2"){ 
//alert(vd); 
$("#video1").css("visibility","hidden"); 
$("#video2").css("visibility","visible"); 
$("#video3").css("visibility","hidden"); 
} 

if(vd == "vd3"){ 
//alert(vd); 
$("#video1").css("visibility","hidden"); 
$("#video2").css("visibility","hidden"); 
$("#video3").css("visibility","visible"); 
} 

}); 
}); 
</script> 

<?php 
//Conecta o banco de dados 
include("conexao.php"); 
$pdo=conectar(); 

try{ 


//Buscando os videos 1 ao 3

$sql=$pdo->prepare("SELECT video, nomearq, titulo FROM w_videos_pele WHERE video='video-1'"); 
$sql->bindParam(':video', $_GET['controle1'], PDO::PARAM_STR); 
$sql->bindParam(':nomearq', $_GET['nomearq1'], PDO::PARAM_STR); 
$sql->bindParam(':titulo', $_GET['titulo1'], PDO::PARAM_STR); 
$sql->execute(); 
while($res=$sql->fetch(PDO::FETCH_ASSOC)){ 
$controle1=$res["video"]; 
$nomearq1=$res["nomearq"]; 
$titulo1=$res["titulo"]; 
//Atribuindo valores à variável ao link-1 
$link1= $titulo1; 
//var_dump($controle1 . " _ " . $nomearq1); //teste 
} 

$sql=$pdo->prepare("SELECT video, nomearq, titulo FROM w_videos_pele WHERE video='video-2'"); 
$sql->bindParam(':video', $_GET['controle2'], PDO::PARAM_STR); 
$sql->bindParam(':nomearq', $_GET['nomearq2'], PDO::PARAM_STR); 
$sql->bindParam(':titulo', $_GET['titulo2'], PDO::PARAM_STR); 
$sql->execute(); 
while($res=$sql->fetch(PDO::FETCH_ASSOC)){ 
$controle2=$res["video"]; 
$nomearq2=$res["nomearq"]; 
$titulo2=$res["titulo"]; 
//Atribuindo valores à variável ao link-1 
$link2= $titulo2; 
//var_dump($nomearq2); //teste 
} 

$sql=$pdo->prepare("SELECT video, nomearq, titulo FROM w_videos_pele WHERE video='video-3'"); 
$sql->bindParam(':video', $_GET['controle3'], PDO::PARAM_STR); 
$sql->bindParam(':nomearq', $_GET['nomearq3'], PDO::PARAM_STR); 
$sql->bindParam(':titulo', $_GET['titulo3'], PDO::PARAM_STR); 
$sql->execute(); 
while($res=$sql->fetch(PDO::FETCH_ASSOC)){ 
$controle3=$res["video"]; 
$nomearq3=$res["nomearq"]; 
$titulo3=$res["titulo"]; 
//Atribuindo valores à variável ao link-1 
$link3= $titulo3; 
} 

$sql=$pdo->prepare("SELECT video, nomearq, titulo FROM w_videos_pele WHERE video='video-4'"); 
$sql->bindParam(':video', $_GET['controle'], PDO::PARAM_STR); 
$sql->execute(); 
while($res=$sql->fetch(PDO::FETCH_ASSOC)){ 
$controle=$res["video"]; 
$nomearq4=$res["nomearq"]; 
$titulo=$res["titulo"]; 
//Atribuindo valores à variável ao link-1 
$link4= $titulo; 
} 


// fechando a conexão 
$pdo = null; 
} 
catch(PDOExcception $erro){ 
echo $erro->getmessage(); 
} 

?> 




<div id="videos_pele_col1"> 
<h3><li><a id="vd1" href="#"><?php echo $link1?></a> </li><br /> 
<li><a id="vd2" href="#"><?php echo $link2 ?></a> </li><br /> 
<li><a id="vd3" href="#"><?php echo $link3 ?></a> </li><br /> 
<li><a id="vd4" href="#"><?php echo $link4 ?></a> </li><br /> 
<li><a id="vd5" href="#"><?php echo $link5 ?></a> </li><br /></h3> 
</div> 


<div id="videos_pele1"> 
<img src="imagens/registro.jpg" name="img_reg" id="img_reg"/> 

<video id="video1" src="../hipi/imagens/upload/<?php echo $nomearq1 ?>" controls></video> 
<video id="video2" src="../hipi/imagens/upload/<?php echo $nomearq2 ?>" controls></video> 
<video id="video3" src="../hipi/imagens/upload/<?php echo $nomearq3 ?>" controls></video> 

</div>