Автозапуск Chrome видео - PullRequest
0 голосов
/ 30 мая 2018

После недавнего обновления Chrome & Firefox видео автозапуска больше не поддерживаются - я пытался добавить код для воспроизведения при запуске, но, похоже, он не работает?

    var vid = document.getElementById("attractor"); 

    function playVid() { 
        vid.play(); 
    } 

Кто-нибудь нашелОбходной путь к этому?

Мы делаем много интерактивных действий с сенсорным экраном и полагаемся на этот метод для наших видео аттракторов.

Ответы [ 4 ]

0 голосов
/ 13 мая 2019

Я нашел хороший способ, как автоматически воспроизводить видео и избежать ошибки js в консоли.

const myVideo = document.getElementById('my-video');

// Not all browsers return promise from .play().
const playPromise = myVideo.play() || Promise.reject('');
playPromise.then(() => {
  // Video could be autoplayed, do nothing.
}).catch(err => {
  // Video couldn't be autoplayed because of autoplay policy. Mute it and play.
  myVideo.muted = true;
  myVideo.play();
});
<video id="my-video" src="https://sample-videos.com/video123/mp4/240/big_buck_bunny_240p_2mb.mp4">

Этот код пытается запустить автозапуск со звуком, и если это невозможно, он отключит звук и автоматически воспроизведет видео без звука.Я думаю, что это оптимальный способ и предотвращает ошибки JS.

0 голосов
/ 05 июля 2018

Согласно моим собственным наблюдениям и многим статьям, таким как, например, эта , Chrome теперь блокирует автозапуск для видео, если они не отключены.Видео с включенным звуком может воспроизводиться только при взаимодействии с пользователем, например, щелчком мыши или касанием, и его нельзя запустить с помощью javascript.

Делая это, Google хочет "(сделать) автоматическое воспроизведение более совместимым с пользователеможидания и [...] дают пользователям больше контроля над звуком " [1]

0 голосов
/ 29 июля 2018

autoplay будет работать, только если вы укажете его как muted по умолчанию, как это.

    <video autoplay muted>
      <source src="video.mp4" type="video/mp4"></source>
   </video>

Не волнуйтесь, пользователи смогут включать звук видео как часть элемента html5 video.

0 голосов
/ 30 мая 2018

Я понял это ... введите это в адресную строку:

chrome://flags/#autoplay-policy

и выберите «Пользовательский жест не требуется»

... это, очевидно, только сделаетэто работает на вашем компьютере!

...