MooVes

Fesbukta paylaşılan bir Youtube içeriğini oynatmak istediğinizde play butonuna basarsınız ve  bir kaç saniye yüklenme çubuğu göründükten sonra Fesbukun yerleştirdiği resim kalkar ve Youtube içeriği oynamaya başlar. Bu uygulama da videodan önce içeriğin ne olduğunu anlatan bir resmi önplanda göstermenize yarıyor. Tıkladıktan sonra resim kaybolup video oynamaya başlıyor.

Kullanım :

Head  etiketleri  arasına eklenmesi gereken bölümler.

Mootools ve  MooVes eklentisinin url  uzantıları:

<script type="text/javascript" src="mootools-1.3/mootools-1.3-core.js"></script>
<script type="text/javascript" src="mootools-1.3/mooves.js"></script>

Eklentiyi  çalıştıracak olan javascript komut:

<script type="text/javascript">
window.addEvent('domready', function(){
  var player = new MooVES('player', {
        container: null,
        parse: 'href',
        proxy: 'mooves_proxy.php',
        width: 480,
        height: 360,
        background: '#333333',
        foreground: '#000000',
        hd: true
  });
});
</script>

Css:

<style type="text/css">
* { margin:0; padding:0; }
.mooves { display:block }
.mooves_preview { position:relative; display:block; overflow:hidden }
.mooves_overlay { position:absolute; top:0; left:0; background:url(player_btn.png) center center no-repeat; cursor:pointer }
</style>

Body etiketleri arasına eklenecek olan kısım.

Html:

<a id="player" href="https://www.youtube.com/watch?v=eRsGyueVLvQ">Sintel</a>