2016-02-08 10 views
1

есть ли способ получить полноэкранное видео для автоматического воспроизведения без управления, чтобы работать на мобильных устройствах?как автоиграть, полный экран и никаких элементов управления на мобильных устройствах

Методы, которые я использовал, только что отображали кнопку воспроизведения с черным фоном.

<video poster="#url#" id="backgroundvideo"> 
<source src="#url#" type="video/mp4"> 
<source src="#url#" type="video/ogg"> 
<source src="#url#" type="video/webm"> 
</video> 

backgroundvideo { 
position: fixed; 
top: 50%; 
left: 50%; 
min-width: 100%; 
min-height: 100%; 
width: auto; 
height: auto; 
z-index: -1000; 
-ms-transform: translateX(-50%) translateY(-50%); 
-moz-transform: translateX(-50%) translateY(-50%); 
-webkit-transform: translateX(-50%) translateY(-50%); 
transform: translateX(-50%) translateY(-50%); 
background: url(#url#) no-repeat; 
background-size: cover; 
background-size: 100%; 
background-position: center; 
} 
+0

Пожалуйста, поделитесь, что * Методы * Вы пытались – Aziz

+0

я попытался добавить множество различных форматов файлов и я был возиться с инвалидизирующих плакаты, автозапуск, полноэкранный режим, ЭСТ – Bycrome

+0

Мы были бы признательны, чтобы увидеть код, в идеале демо jsFiddle – Aziz

ответ

0

Рев автовоспроизведение источник:

<video width="320" height="240" autoplay> 
    <source src="changeme.mp4" type="video/mp4"> 
</video> 

Если вы хотите, чтобы отобразить сообщение, если браузер пользователя не поддерживает метод:

<video width="320" height="240" autoplay> 
    <source src="changeme.mp4" type="video/mp4"> 
    Your browser does not support the video. 
</video> 

Приведенный выше код поддерживается следующими браузерами и их минимальными номерами версий:

enter image description here