Vimeo player.play() 没有启动播放器答案

【问题标题】：Vimeo player.play() not starting playerVimeo player.play() 没有启动播放器
【发布时间】：2019-10-15 12:04:57
【问题描述】：

当我尝试从控制台记录时，Vimeo 方法 play() 不起作用，并且播放器对象未定义。

我正在像这样在我的页面上初始化 vimeo 播放器：

<div id="myVideo"></div>    

var options = {
    url: "https://vimeo.com/showcase/xxxxxxx",
    width: window.innerWidth,
    height: window.innerHeight,
    autoplay: true,
    autopause: false,
    loop: true,
    muted: true,
    background: 1
};

var videoPlayer = new Vimeo.Player('myVideo', options);

然后我正在控制台登录我的代码

  $(document).ready(
  function(){  
    console.log(videoPlayer);
    videoPlayer.play(); 
 });

console.log(videoPlayer) 在这里可以正常工作并打印对象，但是 videoPlayer.play();什么也没做。当我尝试从浏览器控制台执行 console.log(videoPlayer) 时，我得到 Uncaught ReferenceError: videoPlayer is not defined。我正在尝试直接从 JS 开始视频，因为自动播放根本不起作用。

播放器初始化正常，但我必须按播放按钮才能开始播放视频，但我需要它自动启动。

【问题讨论】：

你能分享更多你的代码吗？ play 方法对我来说很好用：codepen.io/JokerNN/pen/MWWyPBY。还要确保用户启用了自动播放。否则浏览器只会阻止自动播放
This one is also related.。如果用户没有先与文档进行交互，Chrome 将阻止视频
嗯，这就是我所有与视频播放器相关的代码。这可能是使用展示而不是单个视频的问题吗？但是，正如我所说的播放器初始化正常，我可以看到整个播放列表。
对于 player.js，您需要提供一个视频@ИгорьБыстревский
如果我需要将大量视频作为播放列表播放，我该怎么办？为每个视频创建新的播放器对象？ @frobinsonj

标签： javascript vimeo vimeo-player

【解决方案1】：

尝试在 document.ready 函数中初始化你的变量：

  $(document).ready(
  function(){  
    var videoPlayer = new Vimeo.Player('myVideo', options);
    videoPlayer.play(); 
 });

【讨论】：

你尝试的结果是什么：document.getElementById('myVideo')
在控制台中返回

【解决方案2】：

好吧，毕竟我只是最终使用单个视频并通过 js 切换它们。展示案例不支持可用于单个视频的许多功能。我仍然无法从控制台访问播放器对象。但至少 play() 方法现在可以工作了，因为我用视频 id 而不是 url 初始化它

  var options = {
    id: xxxxxxxxx,
    width: window.innerWidth,
    height: window.innerHeight,
    muted: true,
};

【讨论】：

可以分享单视频切换的JavaScript代码吗？