프로그래밍/JavaScipt

javascript youtube api iframe 제어(play/pause/stop)

p-a-r-k 2015. 4. 3. 15:43
반응형

youtube api가 ie8에서 오류가있어서 iframe으로 제어해야할 일이생김.



그냥 iframe에 id값만 지정을해주고, src쪽에는 enablejsapi=1&version=3&playerapiid=ytplayer 넣어주고..


$('#player')[0].contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*');

jquery로 선택자 해서 postMessage를 해주면 제어가되는부분..
func 쪽에 넘겨줄값은 원하는 제어값을 넣어주면 된다. 

javascript로 할려면 getElementById로 하면되는부분..

ex)
재생 = playVideo
일시정지 = pauseVideo
중지 = stopVideo

자세한건 참조문서를 보면된다.
https://developers.google.com/youtube/iframe_api_reference?hl=ko


반응형