यूट्यूब वीडियो, यूट्यूब एपीआई

Question

मैं रोक सकते हैं और निम्नलिखित कोड जो काफी Youtube API page से एक प्रति है के साथ यूट्यूब वीडियो खेलने के लिए कोशिश कर रहा हूँ रोकें:

// 2. This code loads the IFrame Player API code asynchronously. 
var tag = document.createElement('script'); 
tag.src = "http://www.youtube.com/player_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

// 3. This function creates an <iframe> (and YouTube player) 
// after the API code downloads. 
var player; 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     height: '315', 
     width: '560', 
     videoId: 'bpOR_HuHRNs', 
    }); 
} 

Here's a demo in jsFiddle

हालांकि, यह काम नहीं कर रहा । किसी को भी यह पता है कि यह कैसे करें?

Answer 1

उपयोग player.playVideo(); (फिर से शुरू) और player.pauseVideo(); (विराम) एक बार खिलाड़ी तैयार है: http://jsfiddle.net/4WPmY/6/

function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
        height: '315', 
        width: '560', 
        videoId: 'bpOR_HuHRNs', 
    }); 
    document.getElementById('resume').onclick = function() { 
        player.playVideo(); 
    }; 
    document.getElementById('pause').onclick = function() { 
        player.pauseVideo(); 
    }; 
} 

Answer 2

अपने HTML में, कुछ बटन वीडियो को नियंत्रित करने के लिए है:

<input type="button" id="play"> 
<input type="button" id="pause"> 

jQuery का उपयोग करना, अपने प्लेयर ऑब्जेक्ट पर फ़ंक्शन ट्रिगर करने के लिए इवेंट श्रोता (क्लिक) को बाध्य करें:

$(function() { 
    $('#play').click(function() { 
    player.playVideo(); 
    }); 
    $('#pause').click(function() { 
    player.pauseVideo(); 
    }); 
}); 

मैंने YouTube के प्लेयर और डेटा एपीआई का उपयोग करके एक ऐप बनाया। ले लो कि तुम क्या जरूरत है: https://github.com/HunterMeyer/YouTV

Answer 3

<div id="player"></div> 
<a href="#" id="resume">Play</a> 

इस कोड में मैं फिर से शुरू जोड़ा गया है और में बटन रोकें एक: Example

// 2. This code loads the IFrame Player API code asynchronously. 
var tag = document.createElement('script'); 
tag.src = "https://www.youtube.com/player_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

// 3. This function creates an <iframe> (and YouTube player) 
// after the API code downloads. 
var player; 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     height: '315', 
     width: '560', 
     videoId: '0Bmhjf0rKe8', 
     events: { 
      'onStateChange': onPlayerStateChange 
     } 
    }); 
    document.getElementById('resume').onclick = function() { 
     PlayPause(); 
     return false; 
    }; 
} 
// 4. This function change name of tag click. 
var playerState; 
function onPlayerStateChange(event) { 
    var getId = document.getElementById('resume'); 
    if(event.data === 0) { 
     getId.innerText = 'Play'; 
    } 
    else if(event.data === 1) { 
     getId.innerText = 'Pause'; 
    } 
    else if(event.data === 2) { 
     getId.innerText = 'Resume'; 
    } 
    else if(event.data === 3) { 
     getId.innerText = 'Loading...'; 
    } 
    playerState = event.data; 
} 
// 5. This function Play/Pause the video. 
function PlayPause() { 
    if(playerState == '1') { 
     player.pauseVideo(); 
    } 
    else { 
     player.playVideo(); 
    } 
}