Видео не воспроизводится в карусели - PullRequest
0 голосов
/ 15 февраля 2019

Я пытаюсь добавить видео в карусель веб-страницы, но видео отображается и не воспроизводится, отображаются все кнопки, такие как воспроизведение / звук / пауза / буферизация, но видео не воспроизводится.Видео воспроизводится только в том случае, если я делаю его в полноэкранном режиме и нажимаю кнопку воспроизведения.После выхода из полноэкранного режима я продолжаю играть.Так как же включить автозапуск, чтобы избежать воспроизведения видео только при нажатии на полный экран?

<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
  <div class="item active">
            <video width="1400" autoplay="autoplay" height="400" controls>
  <source src="movie.mp4" type="video/mp4">
     </video>

  </div>
  <div class="item">
    <img src="https://placehold.it/1200x400?text=Another Image Maybe" alt="Image">
    <div class="carousel-caption">
    </div>      
  </div>
</div>

Ответы [ 3 ]

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

Используйте autoplay вместо autoplay="autoplay"

Также у вас есть синтаксическая ошибка до height, вам не хватает двойной кавычки.

<video width="1400" autoplay="autoplay height="400" controls>

Вот рабочий пример

<video width="400" controls autoplay>
    <source src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4" type="video/mp4">
    Your browser does not support HTML5 video.
    </video> 
0 голосов
/ 15 февраля 2019

Вы можете попробовать использовать playsinline , у меня это сработало.

<video playsinline="playsinline" width="1400" autoplay="autoplay" height="400" muted="muted" loop="loop">
    <source src="movie.mp4" type="video/mp4">
</video>
0 голосов
/ 15 февраля 2019

У вас пропущено "!

<video width="1400" autoplay="autoplay" height="400" controls>

будет правильным

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...