2016-04-12 21 views
0

Videomu oynatmak istiyorum play anchor <a> tag sayfamda, Eğer duraklama durumunda ise o zaman oyuna başlamalıdır. Oynatma durumundaysa, oynatmaya tıkladıktan sonra oynatmaya başlamalıdır.YouTube duraklat, çal & çalıştır çalışmıyor

<script type="text/javascript" src="http://www.youtube.com/player_api"> </script> 
<script> 
var player; 
function onYouTubePlayerAPIReady() {player = new YT.Player('player');} 
</script> 

<iframe id="player" style="position: relative; height: 220px; width: 400px" src="https://www.youtube.com/embed/YL_OcLayJPg?rel=0&amp;enablejsapi=1"></iframe><br> 

<a href="javascript: void(0)" onclick="player.playVideo(); return false">play</a><br> 
<a href="javascript: void(0)" onclick="player.pauseVideo(); return false">pause</a> 

HTML dosyasında localhost'ta çalışır, ancak PHP dosyasındaki sunucuda çalışmaz.

Sunucuda çalışmıyor.

+0

Eğer 'onYouTubePlayerAPIReady' denilen/çağrılan mı? – Rayon

+0

'OnReady' olayından sonra' play/pause' olaylarını bağlamanız gerekir .. – Rayon

+0

@RayonDabre bunu nasıl başarabilirim? –

cevap

1

play/pause etkinlik YT.Player başlatma 'onReady' olay işleyicisi içinde eklenmiş olmalıdır.

var player; 

function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
    events: { 
     // call this function when player is ready to use 
     'onReady': onPlayerReady 
    } 
    }); 
} 

function onPlayerReady() { 
    // bind events 
    var playButton = document.getElementById("play"); 
    playButton.addEventListener("click", function() { 
    player.playVideo(); 
    }); 

    var pauseButton = document.getElementById("pause"); 
    pauseButton.addEventListener("click", function() { 
    player.pauseVideo(); 
    }); 
} 

<script type="text/javascript" src="http://www.youtube.com/player_api"></script> 
<iframe id="player" style="position: relative; height: 220px; width: 400px" src="https://www.youtube.com/embed/YL_OcLayJPg?rel=0&amp;enablejsapi=1"></iframe> 
<br> 

<a href="javascript: void(0)" id='play'>play</a> 
<br> 
<a href="javascript: void(0)" id='pause'>pause</a> 

Not: Bir <script> kendisine sadece bağlantı olabilir, ancak tüm bunların belgeleri daima üçüncü taraf komut dosyaları için iyidir o async style, yükleme gösterir.