使用YouTubeApi,如何在开始时间更改时拥有状态弹出窗口

时间:2017-12-16 19:10:51

标签: javascript youtube-api youtube-javascript-api

我使用YouTube API让我的视频下的按钮根据一些预先指定的文字更改开始时间。当我调用player.seekTo方法时,它的工作方式完全符合我的预期,但对用户来说并不明显。我想要显示视频中当前时间的YouTube状态,就像您通过点击视频上的时间栏更改时间一样。

以下是我正在使用的代码以及它所使用的页面,以帮助明确我所谈论的内容。

https://www.siliconvalley-codecamp.com/Session/2017/everything-you-wanted-to-know-about-git-but-were-afraid-to-ask/Video

<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

0 个答案:

没有答案