Vimeo api 播放失败，因为用户没有先与文档交互答案

【问题标题】：Vimeo api play failed because the user didn't interact with the document firstVimeo api 播放失败，因为用户没有先与文档交互
【发布时间】：2019-03-07 15:49:42
【问题描述】：

即使使用 allow="autoplay" 属性，Vimeo 播放器现在也可以播放，检查 jsfiddle 控制台错误，单击小图标播放按钮：

https://jsfiddle.net/0vfLtdm8/

var player = document.getElementById('video-player');
var vimeoPlayer = new Vimeo.Player(player);

playbtn.onclick = function() {
  vimeoPlayer.play();
}
vimeoPlayer.on('error', function(error) {
  console.log(error);	
});

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<script src="https://player.vimeo.com/api/player.js"></script>

<div id="video-outer-full">
  <div id="video-inner">
    <i class="far fa-play-circle" id="playbtn"></i>
    <iframe id="video-player" class="video" width="560" height="315" src="https://player.vimeo.com/video/309741585" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen allow="autoplay"></iframe>
  </div>
</div>

【问题讨论】：

标签： vimeo vimeo-api vimeo-player

【解决方案1】：

@Toniq 这是 jsfiddle 和 codepen 之类的服务特有的问题。

在这些测试页面上，他们将用户定义的测试内容包装在一个 iframe 中，该 iframe 没有阻止 play() 操作发生的 allow="autoplay"。

此外，Vimeo 播放器 iframe 必须具有 allow="autoplay" 属性。

您可以在api演示页面上看到，如果您按下右上角的自定义播放按钮，则不会出现此问题。

https://player.vimeo.com/api/demo

【讨论】：