Questions tagged «youtube-javascript-api»

5
YouTube iframe API:如何控制HTML中已经存在的iframe播放器?
我希望能够控制基于iframe的YouTube播放器。该播放器已经存在于HTML中,但是我想通过JavaScript API对其进行控制。 我一直在阅读iframe API的文档,其中解释了如何使用API​​向页面添加新视频,然后使用YouTube播放器功能对其进行控制: var player; function onYouTubePlayerAPIReady() { player = new YT.Player('container', { height: '390', width: '640', videoId: 'u1zgFlCw8Aw', events: { 'onReady': onPlayerReady, 'onStateChange': onPlayerStateChange } }); } 该代码创建了一个新的播放器对象,并将其分配给“ player”,然后将其插入#container div中。然后,我可以在“播放器”和呼叫操作playVideo(),pauseVideo()就可以了,等等。 但是我希望能够在页面上已经存在的iframe播放器上进行操作。 使用旧的embed方法,我可以很容易地做到这一点,例如: player = getElementById('whateverID'); player.playVideo(); 但这不适用于新的iframe。如何在页面上分配iframe对象,然后在其上使用API​​函数?

14
隐藏iframe时如何暂停YouTube播放器?
我有一个隐藏的div,其中包含一个YouTube视频<iframe>。当用户单击链接时,此div变为可见,然后用户应该可以播放视频。 当用户关闭面板时,视频应停止播放。我该如何实现? 码: <!-- link to open popupVid --> <p><a href="javascript:;" onClick="document.getElementById('popupVid').style.display='';">Click here</a> to see my presenting showreel, to give you an idea of my style - usually described as authoritative, affable and and engaging.</p> <!-- popup and contents --> <div id="popupVid" style="position:absolute;left:0px;top:87px;width:500px;background-color:#D05F27;height:auto;display:none;z-index:200;"> <iframe width="500" height="315" src="http://www.youtube.com/embed/T39hYJAwR40" frameborder="0" allowfullscreen></iframe> <br …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.