我使用YouTube API让我的视频下的按钮根据一些预先指定的文字更改开始时间。当我调用player.seekTo
方法时,它的工作方式完全符合我的预期,但对用户来说并不明显。我想要显示视频中当前时间的YouTube状态,就像您通过点击视频上的时间栏更改时间一样。
以下是我正在使用的代码以及它所使用的页面,以帮助明确我所谈论的内容。
<script type="text/javascript">
var tag = document.createElement('script');
tag.id = 'iframe-demo';
tag.src = 'https://www.youtube.com/iframe_api';
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
let player;
function onYouTubeIframeAPIReady() {
player = new window.YT.Player('existing-iframe-example', {
events: {
'onReady': onPlayerReady,
'onStateChange': onPlayerStateChange
}
});
}
function onSetStartTime(startTimeInSeconds) {
//console.log(startTimeInSeconds);
player.seekTo(startTimeInSeconds);
}
YouTube API:https://developers.google.com/youtube/iframe_api_reference#Playback_controls