我的页面上有一个计时器,它在 youtube 视频开始后倒计时 10 秒。当计时器完成时,将启用。如果用户在这 10 秒内暂停/恢复视频,我也想暂停和恢复计时器。
我的代码如下所示:
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 player;
function onYouTubeIframeAPIReady() {
player = new YT.Player('ytvideo', {
height: '390',
width: '640',
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onPlayerReady(event) {
event.target.playVideo();
timerid = setTimeout(enableButtons, 10000)
}
function onPlayerStateChange(event) {
if (event.data == YT.PlayerState.PAUSED) {
// pause & resume ?
}
}
function enableButtons() {
document.getElementById("push").disabled = false;
document.getElementById("next").disabled = false;
}