Youtube播放器api如何将getCurrentTime（）绑定到表单输入

Question

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

这是我目前的表单尝试。

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

Answer 1

您需要为播放器添加事件监听器以便检测状态更改所需的所有内容

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

此后，只要状态变为暂停

，就会触发一个函数

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