MooVes

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="http://www.youtube.com/watch?v=eRsGyueVLvQ">Sintel</a>

 

Ali
Telif Hakkı Bildirimi:Bu sitedeki orijinal makaleyi Ali2021-02-09 tarihinde yayınlandı,Toplam 1236 karakterden oluşmaktadır.
Yeniden yazdırma ipuçları:Özel talimatlar dışında, bu sitedeki tüm makaleler CC-4.0 sözleşmesi kapsamında yayınlanmaktadır.Yeniden basılması için lütfen kaynak belirtiniz.
Yorum yap(Yorum yapılmamış)
Yükleniyor...