Vimeo полноэкранный фон не автоигра - PullRequest
Новая
       45

Vimeo полноэкранный фон не автоигра

0 голосов
/ 25 октября 2018

Я повторно использую очень простой пример кода HTML & CSS из Codepen, но как только я заменяю идентификационный номер видео из Vimeo на тот, который поставляется с примером кода, он не воспроизводится автоматически.Ничто другое не отличается в CSS или HTML.Больше ничего не изменилось, поэтому я понятия не имею, почему загруженное мной видео не воспроизводится автоматически при загрузке страницы.

Любые идеи?

Оригинальный код: 

      <section class="home-section home-full-height bg-dark-30" id="home" data-background="assets/images/section-5.jpg">
<div class="vimeo-wrapper">
   <iframe src="https://player.vimeo.com/video/76979871?background=1&autoplay=1&loop=1&byline=0&title=0"
           frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
      </section>

Мой обновленный HTML-код с другим номером видео ID: 

      <section class="home-section home-full-height bg-dark-30" id="home" data-background="assets/images/section-5.jpg">
<div class="vimeo-wrapper">
   <iframe src="https://player.vimeo.com/video/297135145?background=1&autoplay=1&loop=1&byline=0&title=0"
           frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
      </section>

Ссылка на фактические вызываемые URL:

https://player.vimeo.com/video/297135145

https://player.vimeo.com/video/76979871

Ссылка Codepen: https://codepen.io/abennington/pen/ZONqqv

Два разных URL на моем сайте, чтобы показать, что один работает, а другой нет:

Работает: http://knpdesign.co/vimeoworking.html Не: http://knpdesign.co/

1 Ответ

0 голосов
/ 25 октября 2018

Я на самом деле не совсем уверен, почему это видео работает, а ваше - нет.Я буду смотреть на это дальше с нашей командой.Однако вот кодовая ручка с вашим видео, работающим https://codepen.io/anon/pen/MPZVep. Единственное, что я добавил, это параметр ?muted=1.Существует множество правил, касающихся автоигры, и иногда явное добавление параметра muted решает их.Удачи.

...