YouTube Engineering and Developers Blog: Introducing JavaScript Player API for iframe embeds

Engineering and Developers Blog

What's happening with engineering and developers at YouTube

Introducing JavaScript Player API for iframe embeds

2011年1月20日星期四

Update (July 2012): The onYouTubePlayerAPIReady callback has been superseded by onYouTubeIframeAPIReady and the URL for loading the IFrame Player API code has changed to http(s)://www.youtube.com/iframe_api. The API is now fully supported.
<iframe>announced<iframe>share videosan initial beta version of<iframe><!DOCTYPE HTML><html><body><div id="player"></div><script> //Load player api asynchronously. var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var done = false; var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '390', width: '640', videoId: 'JW5meKfy3fY', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } function onPlayerReady(evt) { evt.target.playVideo(); } function onPlayerStateChange(evt) { if (evt.data == YT.PlayerState.PLAYING && !done) { setTimeout(stopVideo, 6000); done = true; } } function stopVideo() { player.stopVideo(); }</script></body></html>YT.Playerhttp(s)://www.youtube.com/iframe_apidocumentationDeveloper Forum