Ver Mensaje Individual
  #12 (permalink)  
Antiguo 25/09/2008, 03:13
Avatar de Shagraarath
Shagraarath
 
Fecha de Ingreso: agosto-2008
Mensajes: 151
Antigüedad: 16 años, 7 meses
Puntos: 1
Exclamación Respuesta: Algun programador tiene idea de como hacer esto? Es un misterio :S

Mirad, sigo teniendo el problema, podeis verlo aqui.

ID a este link y bajaros el primer archivo:
http://sourceforge.net/project/showf...roup_id=133868

Cuando lo tengais lo descomprimiis y vais a la siguiente ruta:


flowplayer-2.2.4\flowplayer\examples\scrollable-playlist.html

Esta pagina no me carga los videos, intentas poner el codigo que ahora os marcare
de color naranja, la ruta de un video que tengais en local, ya sea .mov, .avi, .flv..
aun no he probado todos los formatos. Tampoco me carga el video.

Codigo donde poner vuestra ruta:

<head>

<title>Scrollable view</title>

<link rel="stylesheet" type="text/css" href="css/common.css" />
<link rel="stylesheet" type="text/css" href="css/scrollable-view.css"/>

<script src="js/jquery.pack.js"></script>
<script src="js/flashembed.min.js"></script>
<script src="js/jquery.mousewheel.js"></script>
<script src="js/jquery.scrollable.min.js"></script>
<script src="js/flow.embed.js"></script>

<script>
$(function() {

$("a.flowplayer").flowembed("../FlowPlayerDark.swf", {
initialScale:'scale',
hideControls:true
});

$("div.scrollable").scrollable({
horizontal:true,
size:1,
onSeek:onClipDone
});

});
</script>

</head>


<div id="page">
<div class="scrollable">

<ul class="navi">
<li><a>First video</a></li>
<li><a>Second video</a></li>
<li><a>Third video</a></li>
<li><a>Fourth video</a></li>
<li><a>Fifth video</a></li>
</ul>

<br clear="all"/>

<a class="prev"></a>

<div class="items">
<div>
<a class="flowplayer" href="video/ATAQUE MOCO.flv">
<img src="img/bo.jpg" />
</a>

<h2>First video</h2>

<p>
Sed ut magna. Duis condimentum purus non nisi. Praesent justo.
Suspendisse urna mi, malesuada vitae, molestie ut, sodales eu, sem.
</p>
</div>

<div>
<a class="flowplayer" href="http://blip.tv/file/get/N8inpasadena-Flowers457.flv">
<img src="img/3m.jpg" />
</a>

<h2>Second video</h2>

<p>
Vivamus vulputate. Vestibulum eget eros sit amet ligula
vestibulum tincidunt. Vivamus id orci nec metus pretium rhoncus.
Donec tortor nisi, viverra id, fringilla sed, euismod feugiat, pede.
</p>
</div>

<div>
<a class="flowplayer" href="http://blip.tv/file/get/KimAronson-T...conds59483.flv">
<img src="img/2m.jpg" />
</a>

<h2>Third video</h2>

<p>
Nullam dui. Vestibulum diam neque, vehicula non, dapibus non, lacinia in, neque.
</p>

<p>
Tellus mi aliquet diam, eu semper tellus ante a massa. Cras leo massa, blandit vitae, pharetra ve.
</p>
</div>

<div>
<a class="flowplayer" href="http://blip.tv/file/get/KimAronson-T...conds58192.flv">
<img src="img/3m.jpg" />
</a>

<h2>Fourth video</h2>

<p>
Nullam sit amet arcu vel mi commodo sodales. Donec a augue. In semper magna sit amet tortor. Aenean id ligula. Nulla facilisi.
</p>
</div>
<div>
<a class="flowplayer" href="http://blip.tv/file/get/Behappy-clouds106.flv">
<img src="img/bo.jpg" />
</a>

<h2>Fifth video</h2>

<p>
Sed ut magna. Duis condimentum purus non nisi. Praesent justo.
Suspendisse urna mi, malesuada vitae, molestie ut, sodales eu, sem.
</p>
</div>
</div>

<a class="next"></a>

</div>

<br clear="all" />
<br />
</div>
-------------------------

( PD, no hagais caso de que no este el <html>, <body> etc.. )
Saludos!

Última edición por Shagraarath; 25/09/2008 a las 03:19