#vimeo #vimeo-api #vimeo-player
#vimeo #vimeo-api #vimeo-player
Вопрос:
Vimeo Player теперь будет воспроизводиться даже с атрибутом allow = «autoplay», проверьте ошибку консоли 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> Ответ №1:
@Toniq это проблема, специфичная для сервисов, подобных jsfiddle и codepen.
На этих тестовых страницах они помещают определяемый пользователем тестовый контент в iframe, у которого нет параметра разрешить =»автозапуск», который предотвращает выполнение действия play ().
Также iframe проигрывателя Vimeo должен иметь атрибут allow =»автозапуск».
На демо-странице api вы можете видеть, что эта проблема не возникает, если нажать кнопку пользовательского воспроизведения в правом верхнем углу.