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

Question

[Aison]

использую конструкцию и на пк воспроизводит, а вот на андроидах нет. похоже что после обновлениях хрома перестало, кто знает как поправить?

<iframe id="ytplayer" src="https://www.youtube.com/embed/GavGCnV3wi4?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&mute=1&playlist=GavGCnV3wi4&start=0&color=white&origin=https://meetex.uno" frameborder="0" class="bg-video__src" allowfullscreen></iframe>

Comments

[Aetae]

На ПК воспроизводит потому что ты уже разрешил. Автоплей под дефалту почти везде выключен.

[Aison]

Aetae, а как разрешить на мобильных?

[Aetae]

Aison, ты же понимаешь что даже если ты разрешишь - ты разрешишь только для себя?

[Aison]

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

[Aetae]

Aison, положи своё видео в теге <video playsinline autoplay muted>, а не во фрейме с ютуба и какой-то шанс, что оно заработает у тебя есть.

[rPman]

Aison, видео в фоне это такой же атавизм как мигающие звездочки по всему сайту из 2000-ых, не только выглядит дико но еще и вредительство как для постетителей так и для владельца сайта (гугл понижает в выдаче из-за медленной загрузки)

[Aison]

rPman, видео в фоне от ютьюба стоит, не думаю что это скажется на скорости загрузки.. я так-то поэтому его и влепил, а не с своего сайта гружу.

[rPman]

Так с твоего сайта будет быстрее, тем более мелкий файл (меньше мегабайта, сейчас некоторые недопрограммеры сами сайты такими делают)

[Aison]

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

[rPman]

На сколько я понимаю тенденции, автовоспроизведение видео на мобильных устройствах будут так или иначе отключать сами браузеры. То же самое было со звуком.. победили.

это наивреднейшая фича, абсолютно не нужная никому, стоит много, создает проблем многим, нужна единицам
я вообще не понимаю, в какой школе недодизайнеров учат что в фоне сайта должно что то мелькать и крутиться.

я буду рад если это сделают стандартом, а для особых эстетов - вынесут опцию в конфиг браузера.

[Aison]

rPman, не, ну видео со звуком и автовоспроизведением такое себе. такое нужно убирать. а небольшое видео фоне, для лэнда из тайтла и мелкого описания в самый раз, нормально выглядит и не грузит.

поэтому для разнообразия это вполне нормально. другое дело, сейчас есть рекла с автовоспроизведением и со звуком, вот это действительно ахтунг, но как я погляжу ПС плевать на это или я чего не знаю, но лично такую реклу видел и под ту же секунду я закрывал сайт. сидишь такой спокойно, а тут как заорёт

[rPman]

Ты наверное меня не понимаешь?

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

Анимация и нетипичное поведение еще могут стерпеть геймеры, они к этому привыкли, но даже там, если нельзя все свистоперделки пропустить по кнопке esc - уже тревожный сигнал.

[Aison]

rPman, ничего такого у меня нет. на моём лэнде всего одно поле и кнопка, где пользователь вводит свой email и нажимает отправить, всё. там видео-фон нормально смотрится. ничего кроме видеофона не стреляет и не пердит, даже он не должен издавать каких-то звуков, только визуализация к тому же, нету никаких быстрых движений, вспышек света и т.п. а вот делать ladingpage красивым, где присутствует анимация и всякие интересные моменты (красивые моменты) но у каждого своя грань, да. я бы нормально отнёся к такому. всё конечно в меру. если это грамотная демонстрация продукта, то норм. Обычно такие страницы решают поставленную задачу.

У Вас есть примеры таких плохих сайтов, интересно было бы глянуть, что для Вас свистелки-перделки)

[rPman]

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

вопрос не в том, раздражает ли само видео, а речь о самом факте его существования

спасибо, если открыв твой сайт с мобильным интернетом, покрытие которого в мире еще десятилетиями будет очень не полным (а есть куча городов, где нормальный и быстрый интернет только в небольшом проценте мест), можно не дожидаться его загрузки, а выполнить нужные действия, а если нет?

я знаю, есть ситуации, где анимация - самоцель, этакая видеоигра, где клиент - участник и имеет влияние на дальнейший ее ход, тут я ничего не скажу, у меня никогда не было прямой цели в посещении таких сайтов, только косвенно (как это выглядит) и даже в этом случае, удобнее посмотреть готовое видео, в котором отражены большинство ситуаций тупо удобнее,.. но это вкусовщина, разные игры нравятся людям по разному, кому то копаться нравится в квестах и ищут все 100500 концовок по всему дереву а кому то хватит и одной.

Answer 1

[Zettabyte]

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

Это знак свыше - никак не поправляйте, пожалейте мобильных пользователей и их трафик.

Кроме того, даже если пофиксите, это видео вам обвалит показатели в PageSpeed Insights и не будет у вас никаких мобильных пользователей [ах-ха-ха_весёлый_молочник_Джастас_Уолкер.jpg].

А из-за того, что сейчас почти везде идёт индексация mobile first, потом ещё и десктопные пользователи повыведутся.

Comments

[Aison]

видео фоновое на 1-2 мб. хуже не шибко будет. для лэнда нормально же. видео это единственный тяжёлый контент, на нём всё играет. никакие другие картинки не нужно загружать, поэтому не знаю как мне их пожалеть, показывать белый фон?)

[Zettabyte]

Aison,

поэтому не знаю как мне их пожалеть, показывать белый фон?

Выберите самый красивый кадр из вашего ролика, соптимизируйте его до прим. 100 КБ (это для 1920×1080, пересчитывайте исходя из своего разрешения) и используйте в качестве фона.

Опционально можно сделать lazy или отложенную загрузку, но там надо смотреть как у вас реализован фон. Я специализируюсь на железе и универсального варианта не подскажу.

[Aison]

Zettabyte, дело не в красоте, а в информативности. до этого у меня уже были статичные фоны, сейчас идея как раз в таком вот решении. от того хотелось бы узнать, как всё же обойти это ограничение. недавно всё работало

[rPman]

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

[Aison]

rPman, ютьюб чтобы убрать нагрузку. дак недавно вот всё работало