Youtube 播放器 api 如何将 getCurrentTime() 绑定到表单输入答案

【问题标题】：Youtube player api how to bind getCurrentTime() to a form inputYoutube 播放器 api 如何将 getCurrentTime() 绑定到表单输入
【发布时间】：2014-11-02 08:34:39
【问题描述】：

我正在尝试通过 javascript player api 播放 youtube 视频，并允许用户在播放期间点击暂停并以秒为单位获取当前时间。我想知道如何在表单输入中显示秒数。我可以使用 javascript 警报打印出当前时间，但不知道如何将其应用于表单输入。

这是我目前的表单尝试。

    <input type="text" id="link" name="link" value="player.getCurrentTime();" onClick="alert(player.getCurrentTime());" />

【问题讨论】：

标签： javascript jquery api video youtube

【解决方案1】：

首先你需要为你的播放器添加一个事件监听器，这样你就可以检测到状态变化

document.getElementById('MY-PLAYER-ID').addEventListener('onStateChange', 'player_state_changed');

此后，每当状态变为暂停时触发一个函数

function player_state_changed(state) {
    if(state==2)
    {
        //$('#input_id').val(player.getCurrentTime());
    }
}

【讨论】：