youtube api - onYouTubeIframeAPIReady called once but multiple videos needed on a page -


i using server-side method drop in youtube videos playlists , functioning buttons (think of website widget can called anyway on page, , potentially more once on page).

i using iframe api. can single video render creating new instance of yt.player inside onyoutubeiframeapiready() method. makes sense me - waiting library loaded. when want have more 1 video players on page don't know how trigger launch of second, third, forth, etc.

i can't define onyoutubeiframeapiready() method because overwrite first. how possible add more players page? seems strange there isn't way create more videos after initial method has fired...

documention on above method here: https://developers.google.com/youtube/iframe_api_reference#loading_a_video_player

thanks in advance.

edit: (for clarification following first answer miha lampret)

i can't declare additional players inside onyoutubeiframeapiready() method because code introduced via server side called e.g. "widget". rather than:

function onyoutubeiframeapiready() {     ytplayer1 = new yt.player('player-youtube-1', {         width: '640',         height: '480',         videoid: 'm7lc1uvf-ve'     });      ytplayer2 = new yt.player('player-youtube-2', {         width: '640',         height: '480',         videoid: 'smeqnnklfys'     }); } 

my code equivalent to:

function onyoutubeiframeapiready() {     ytplayer1 = new yt.player('player-youtube-1', {         width: '640',         height: '480',         videoid: 'm7lc1uvf-ve'     }); } function onyoutubeiframeapiready() {     ytplayer2 = new yt.player('player-youtube-2', {         width: '640',         height: '480',         videoid: 'smeqnnklfys'     }); } 

the onyoutubeiframeapiready() executed once. need check whether has been executed once.

onyoutubeiframeapiready() executed after youtube api ready used, after api's javascript file http://www.youtube.com/iframe_api loaded.

you can create more players inside onyoutubeiframeapiready()

var ytplayer1 = undef; var ytplayer2 = undef;  function onyoutubeiframeapiready() {     ytplayer1 = new yt.player('player-youtube-1', {         width: '640',         height: '480',         videoid: 'm7lc1uvf-ve'     });      ytplayer2 = new yt.player('player-youtube-2', {         width: '640',         height: '480',         videoid: 'smeqnnklfys'     }); } 

note need declare ytplayer1 , ytplayer2 outside of onyoutubeiframeapiready() can use them later:

ytplayer1.pausevideo(); ytplayer2.playvideo(); 

Comments

Popular posts from this blog

ruby on rails - Permission denied @ sys_fail2 - (D:/RoR/projects/grp/public/uploads/ -

c++ - nodejs socket.io closes connection before upgrading to websocket -

python - PyQt: Label not showing correct number of length -