Bir Albüm müzikleri oluşturdum ve müzikleri çalmak için bir player var playere clicklendiğinde ID ile değer gönderiyorum ama bu değeri gönderdiğim an playeri çalıştırmam lazım bunun için playerda butonu tetikletmeliyim.
<button data-id="8BILYz6PRIk" id="plays"> Şimdi Müzik Çal</button> Bu Buton ile çalması gereken Id değerini yolluyorum ama bununla birlikte player başlatmalıyım bunun için
<button id="playAudio"></button> Bu butonuda aynı anda aktif etmeliyim Nasıl yaparım acaba çözemedim.
$("#plays").click(function(){
var yID = $(this).data("id");
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
height: '360',
width: '640',
videoId: yID,
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
})Buda JS Dosyamvar player;
function onPlayerReady(event) {
document.getElementById(ui.play).addEventListener('click', togglePlay);
timeupdater = setInterval(initProgressBar, 100);
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.ENDED) {
document.getElementById(ui.play).classList.remove('pause');
document.getElementById(ui.percentage).style.width = 0;
document.getElementById(ui.currentTime).innerHTML = '00:00';
player.seekTo(0, true);
}
}
let ui = {
play: 'playAudio',
audio: 'audio',
percentage: 'percentage',
seekObj: 'seekObj',
currentTime: 'currentTime'
};