0
我正在制作一个网站,我需要一个嵌入式Youtube视频的外部控件。
问题是播放按钮在onPlayerReady
函数内不起作用。
这一点,标记:Youtube iFrame API不会控制播放器
<script type="text/javascript" src="https://www.youtube.com/iframe_api"></script>
<div>
<iframe id="player" width="560" height="315" src="https://www.youtube.com/embed/08HqRzhqXU0" frameborder="0" allowfullscreen></iframe>
</div>
<div id="play_btn">PLAY</div>
这是我的脚本:
var player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('player', {
events: {
'onReady': onPlayerReady,
}
});
}
function onPlayerReady(event) {
var playButton = document.getElementById("play_btn");
playButton.addEventListener("click", function() {
player.playVideo();
});
}