javascript - Youtube 播放器 api 如何将 getCurrentTime() 绑定(bind)到表单输入

Question

我正在尝试通过 javascript player 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());
    }
}