0

Возникла некая проблема при загрузке видео html5: Вставил на страницу 8 видео html5 - тегом, идущих один за другим ( видео не большие, по 15 сек. ). Так вот, в браузере на десктопе все норм грузит, но вот на мобильных устройствах все жутко тормозит, ( появление ошибки "aw snap!", белый экран, вылетает браузер и тд. ) в общем не показывает видео. Такое ощущение, что не хватает железа. Уменьшил количество видео до 3 - ничего не вылетает.

Отсюда и вопрос, как можно выйти из данной ситуации? Если это реально. Может кто сталкивался?

Вот код вставки видео если что: ( таких 8 штук, только урл разный )

<video width="100%" height="auto" controls="true" preload="metadata">
  <source src="visionaire-8.mp4" type="video/mp4"><source src="visionaire-8.webm" type="video/webm">
Your browser does not support the video tag.
</video>
2
  • 4
    Не издеваться над телефоном...
    – Qwertiy
    Commented 7 нояб. 2018 в 9:27
  • 1
    Можно попробовать удалять те видео, которые не видны и показывать только нужный. Но я в этом не уверен, может только ухудшить ситуацию. Надо пробовать! Commented 7 нояб. 2018 в 9:38

3 ответа 3

1

Предлагаю сделать через ajax, т.е. у тебя есть страница с 3 видео, и при скроллинге добавляются новые видео

<div class="cat">
<div class="media">
    <script>
        $(".cat").on("touchmove", scrolling);
        var count = 4;
        var begin = 0;
        videoitem();

        function scrolling() {
            videoitem();
        }

        function videoitem() {
            $.ajax({
                async: true,
                type: 'POST',
                url: 'video.php',
                data: {
                    count: count,
                    begin: begin * count
                },
                success: onAjaxSuccess
            });

            function onAjaxSuccess(data) {
                $(".media").append(data);
            }
            begin++;
        }
    </script>
</div>
</div>
0

Точно не помню но у браузеров есть лимит на "preload" видео, соответственно на телефонах он меньше чем на пк.

Как вариант всем поставить вместо preload="metadata" =>

preload="none" и добавить poster="src"

ну или первому оставить preload="metadata", а остальным none

0

Вышел из ситуации просто показом видео в попапе, так не происходит инициализация многих плееров одновременно

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.