По поводу мобильной версии...

S3
На сайте с 07.02.2014
Offline
1
614

Доброй ночи ребят :)

Паял одностраничник с автоматическим воспроизведением видео на фоне и тут приключилась беда...

Видео в формате WebM , а телефон не корректно отображает его, вернее вообще не воспроизводит и получается что с телефона сайт ломается..

Втыкал такой скрипт для подключения видео

<script>
$(document).ready(function() {
$('body').videoBG({
position:"fixed",
zIndex:0,
webm:'assets/bg.webm',
opacity:1,
fullscreen:true,
});
})</script>

Может кто знаком или может дать полезную инфу буду благодарен :)

P.S. Пробовал писать: poster:'assets/bg.png', --- Все равно отображается коряво

Оптимизайка
На сайте с 11.03.2012
Offline
396
#1

html5

<video poster="screenshot.png" autoplay="autoplay" loop="loop" controls="controls" tabindex="0">

<source src="movie.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />

<source src="movie.webm" type='video/webm; codecs="vp8, vorbis"' />

<source src="movie.ogv" type='video/ogg; codecs="theora, vorbis"' />

</video>

не устраивает?

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
Ayavryk
На сайте с 11.10.2003
Offline
209
#2
sahek32:
Видео в формате WebM , а телефон не корректно отображает его, вернее вообще не воспроизводит и получается что с телефона сайт ломается..

По хорошему вы должны ловить событие плеера о том что произошла ошибка.

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

Одна беда, не все реализации video могут эту ошибку отдать.

Дополнительно к этому можно поставить таймер проверки состояния видео, если он не чухается, то считать что все-таки ошибка произошла, но плеер ее не отработал.

Тынгыр, мынгыр, комсомол (http://erum.ru). Ехари, ехари, (жалобно) аяврик. /народная тунгусская песня/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий