Question

通过单击按钮，我希望嵌入式vimeo播放器：

将播放的视频更改为给定的ID
跳转到给定时间
播放视频

起初我尝试：onclick="player.loadVideo(12345678); player.setCurrentTime(5); player.play()."

这显然行不通。我已经了解到loadVideo()函数会触发一个事件-因此，第二个函数必须在捕获到此事件之后运行。由于我对JavaScript的理解仍然很有限，所以我很想学习它的工作原理。

Answer 1

您拨打的所有电话都是Promises。您将要确保在等待下一个请求之前成功等待每个请求的返回。这是给您的示例

<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
</head>
<body>
    <!--  THEME PRELOADER AREA -->
    <div id="preloader">
        <i class='layer'></i>
        <i class='layer'></i>
        <i class='layer'></i>
    </div>
    <div class="wrapper">
       Hi this is a demo content
    </div>
 </body>
</html>

Answer 2

如前所述，关于诺言。您所需要做的就是等待方法正确完成。除了写作之外，我可以推荐一种更具可读性的异步等待方式作为旧的方式。您可以看到如下

const playVideo = async (id, time) => {
   try {
     await player.loadVideo(id);
     await player.setCurrentTime(time);
     await player.play();
   } catch (err) {
     console.log(err);
   } 
}
onclick="playVideo(309565369, 5)"

一个onclick-Event中的loadVideo（）+ setCurrentTime（）

2 个答案: