YouTube Üzerinden MP3 Player BBCode
vBulletin için ".mp3" uzantılı dosyaları oynatabileceğiniz oynatıcılar fazlasıyla mevcut. Fakat sadece .mp3 uzantılı dosyaları oynatmak, çoğu zaman istenen ses dosyasını bulamama ya da bulunsa bile çok fazla alan kaplayabilecekleri için sunucu maliyetlerini arttırma gibi kısıtlılıkları var. Bu sebeple aşağıda paylaşacağım BB Code ile doğrudan YouTube üzerinden seçeceğiniz bir müzik, ses vb. videosunu, video olmaksızın sadece ses dosyası; yani mp3 çalar gibi vBulletin sitenize ekleyebileceksiniz. Bu sayede istediğiniz ses dosyasını bulmak kolay olacak, hemde ek sunucu giderlerinden kurtulmuş olacaksınız.
YouTube videolarını, videosuz, sadece ses olarak ve bir mp3 player görünümünde eklemek için aşağıdaki adımları takip etmeniz yeterli.
İlk önce aşağıda eklenti şeklinde iliştirilmiş dosyaları indirin ve sitenin anadizinine atın. Sonra aşağıdaki adımları uygulayın.
AdminCP>Custom BB Codes>Add New BB Code
ya da doğrudan kalın yazılan URL'yi gösterilen gibi kopyalayıp tarayıcınıza yapıştırın: siteniz.com/admincp/bbcode.php?do=add
Açılan sayfada boşluklara şu kodları sırasıyla ekliyoruz:
Title: YouTube MP3 Player
BB Code Tag Name: ytmp3
Replacement:
HTML:
<link rel="stylesheet" type="text/css" href="ytmp3/stil.css">
<script type="text/javascript" src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">function toggleButtonPlayer_T8CAV(buttonobj){buttonobj.style.display="none";if(buttonobj.id=="gaf210codes-T8CAV-playbutton"){document.getElementById("gaf210codes-T8CAV-pausebutton").style.display="inline";}else{document.getElementById("gaf210codes-T8CAV-playbutton").style.display="inline";}}/**/</script>
<div id="gaf210codes_T8CAV_container">
<div class="gaf210codes_youtubebox">
<iframe width="250" height="250" src="https://www.youtube.com/embed/{param}?enablejsapi=1&fs=0&rel=0&showinfo=0&modestbranding=1&iv_load_policy=3&controls=0&autoplay=0&loop=1&playlist={param}" onload="gaf210codes_T8CAV=new YT.Player(this,{events:{'onStateChange':function(event){if(event.data == 1){document.getElementById('gaf210codes_T8CAV_title').innerHTML=event.target.getVideoData().title}}}})"></iframe>
</div>
<button type="button" class="playerbutton" id="gaf210codes-T8CAV-playbutton" onclick="gaf210codes_T8CAV.playVideo();toggleButtonPlayer_T8CAV(this)">
<img src="ytmp3/play.jpg">
</button>
<button type="button" class="playerbutton" id="gaf210codes-T8CAV-pausebutton" onclick="gaf210codes_T8CAV.pauseVideo();toggleButtonPlayer_T8CAV(this)" style="display:none">
<img src="ytmp3/pause.jpg">
</button>
<div class="preload_box">
<img src="ytmp3/play.jpg">
<img src="ytmp3/pause.jpg">
</div>
<input style="outline:none" type="range" min="0" max="100" onchange="gaf210codes_T8CAV.setVolume(this.value)">
<div id="gaf210codes_T8CAV_title" class="gaf210codes_youtubetitle">
</div>
</div>
HTML:
[ytmp3]L-_EFc_LAIk[/ytmp3]Use {option}: Hayır
Button Image (Optional): ytmp3/music.png
Kalan ayarlara dokunmanıza gerek yok.
Görünümü ve kullanımı:
