Vimeo автозапуск приглушенного видео и включение звука не работает - PullRequest
Новая
       37

Vimeo автозапуск приглушенного видео и включение звука не работает

0 голосов
/ 15 февраля 2019

У меня есть видео для вставки VIMEO с автовоспроизведением и отключенными опциями.Я пытаюсь создать пользовательскую функцию, позволяющую пользователям включать мое видео с помощью специальной кнопки.Он работает нормально, но в Chrome (особенно в Android), потому что он дает мне эту ошибку: 

Unmuting failed and the element was paused instead because the user didn't interact with the document before.

Но если вы читаете их документацию, он говорит это:

Один крутойспособ вовлечь пользователей в использование приглушенного автозапуска и позволить им включить звук (см. фрагмент кода ниже).Некоторые веб-сайты уже делают это эффективно, включая Facebook, Instagram, Twitter и YouTube. 

<video id="video" muted autoplay>
<button id="unmuteButton"></button>

<script>
   unmuteButton.addEventListener('click', function() {
   video.muted = false;
 });
</script>

Итак, в чем же тогда проблема?мой код выглядит следующим образом: 

var options = {
id: 316816937,
width: 990,
loop: true,
autoplay: true,
mute: true,
};

var player = new Vimeo.Player('embeddedVideo', options);

player.setVolume(0);

player.on('play', function() {
    console.log('played the video!');
});

$(".videoWrapper .cover").click(function () {
    $(this).addClass("close");


    player.ready().then(function () {
    player.setVolume(1);
});

});

Итак, мое видео с автоматическим воспроизведением + отключено, и, нажимая на пользовательский слой, я устанавливаю значение 1. Поэтому я не знаю, почему оно дает мне ошибку, о которой я говорил выше..

Спасибо!

1 Ответ

0 голосов
/ 02 марта 2019

Я боролся с той же проблемой в Chrome, касающейся включения проигрывателя VIMEO api.В итоге это сработало для меня: 

<button onclick="unmute()">
    UNMUTE
</button>
<div id="vimeo-player1"> </div>
<script>
    var options = {
        id: 194500280,
        background: true
    };
    var vid1 = new Vimeo.Player('vimeo-player1', options);
</script>
<script>
    function unmute() {
        vid1.setVolume(1);
    };  
</script>
...