Cambiar con jquery el campo file del jwplayer
Hola necesito modificar el campo file del jwplayer con un scrip para que cuando haga click en una galeria se resproduzca el video con ese mismo nombre.
El codigo de la galeria de fotos correspondiente es el sigueinte.
<div class="row" id="portfolio-wrapper">
<?php
$imgs = dir('img');
while (($img = $imgs->read()) != false) {
if (preg_match('/jpg/',$img) || preg_match('/png/',$img)) {
echo "<div class='col-lg-3 col-md-6 portfolio-item filter-app'>";
echo "<a href='galeria.php'>";
echo " <img src='img/$img' alt=''>";
echo "<div class='details'>";
echo " <h4>VER VIDEO</h4>";
echo " </div>";
echo " </a>";
echo " </div>";
}
}
?>
</div>
y el del resproductor
<div class="col-lg-3 col-md-6" id="video">
<?php
$contador=0;
$directorio = opendir("./videos/"); //ruta donde estan los videos.
while ($archivo = readdir($directorio)) //obtengo uno a uno los archivos.
{
echo $archivo;
if (!is_dir($archivo))//si es directorio no hago nada, si no lo es, será un file.
{
$contador++;
$file = explode('.',$archivo); //separa en el array file ambos elementos (nombre y extension)
$nombre = $file[0]; //guardo el nombre que será el primer elemento
$extension = $file[1];//la extension es el segundo elemento
if($extension=="mp4")//supongo que al subir los videos, con ffmpeg paso todos siempre a mp4, por tanto este if coge los videos.
{
echo '
<div id="player'.$contador.'"></div>
<script>
jwplayer("player'.$contador.'").setup({
sources: [{
file: "videos/'.$archivo.'"
}],
image: "http://192.168.56.1/Archivos/'.$nombre.'.png"
});
</script>
';
echo"</p>";
}
}
}
?>
</div>
el scrip que quiero es simple
<script>
$(document).ready(function(){
$(".img img",this).click(function(){
var video = $(this).attr("src");
$("#video").attr("file",video);
})
});
</script>