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
Post a Comment