Bueno cargando el plugin al final funciona, después de cargar el gadget.
Para estilizarlo necesitás saber un poco de CSS. Mirá este ejemplo que te hice (Asegurate de cambiar las rutas de los scripts de easing y el slider)
Código HTML:
Ver original<!-- estilos necesarios -->
*{margin:0; padding:0;} /*reset necesario*/
#videos-content ul,#videos-content{
width:640px;
height:400px;/*un poco mas de altura por el titulo*/
position:relative;
overflow:hidden;
}
#videos-content li {
width:640px;
height:400px;/*un poco mas de altura por el titulo*/
}
.botonAnterior, .botonSiguiente{
position:absolute;
top:50%;
}
.botonAnterior{left:0;}
.botonSiguiente{right:0;}
<div id="videos-content"> <script type="text/javascript"> function showMyVideos(data) {
var feed = data.feed;
var entries = feed.entry || [];
for (var i = 0; i < entries.length; i++) {
var entry = entries[i];
var title = entry.title.$t;
var img = entries[i].media$group.media$thumbnail[0].url;
var yturl = entries[i].media$group.media$content[0].url;
//cambio en esta línea
html.push("<li><img src='" + img + "' /><p><a class='video-titulo' href='" + yturl + "' rel='shadowbox[HOME];width=640;height=388'>" + title + "
</a></p></li>");
}
document.getElementById('videos-content').innerHTML = html.join('');
}
<script src="http://gdata.youtube.com/feeds/users/IDRIDPlanet/uploads?alt=json-in-script&format=5&callback=showMyVideos" type="text/javascript">
<!--jquery + easing-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.js"></script> <!--el plugin-->
$(function(){
$('#videos-content').sliderFacil2000({
easing : 'easeOutExpo',
auto: true,
});
});
Observá que cambié un poco el enmarcado que estás generando con tu gadget para optimizarlo un poco :)