Jump to content
  • 0

Как сделать фон в мобильной версии сайта?


your app
 Share

Question

10 answers to this question

Recommended Posts

  • 1

как то так:

@media screen and (max-width:нужный размер){

меняем стили

}

либо так:

Нужно добавление видео на страницу вынести в JS. Для этого в HTML создаёте контейнер к примеру

<div id="video-container"></div>

А после загрузки страницы проверяете ширину экрана и если всё хорошо, то добавляете видео

<script> window.onload = function(){ if(window.innerWidth >= нужная ширина) document.getElementById('video-container').innerHTML = '<video autoplay id="" poster=""><source src="" type="video/mp4"></video>' }; </script>

айдишник и пути прописывает какие надо

Edited by AlexZaw
  • Like 1
Link to comment
Share on other sites

  • 0
Только что, klierik сказал:

Не понятно в чем помощь нужна

Чтобы в мобильной версии было не видео, а фон чёрный, или картинка. Телефон греться будет если открывать с него видео-фон, лучше вставить картинку.

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

Link to comment
Share on other sites

  • 0

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

Link to comment
Share on other sites

  • 0

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

можно попробовать еще поиграться с @media handheld и прописать отдельный файл стилей для видео

  • Like 1
Link to comment
Share on other sites

  • 0
14 hours ago, your app said:

Видео уже прописано везде. Повторю: в мобильной версии НЕ ДОЛЖНО быть видео. Оно должно быть только когда смотришь с PC. ВМЕСТО ВИДЕО ДОЛЖНА БЫТЬ КАРТИНКА КИЛОБАЙТОВАЯ, ЛИБО ПРОСТО ЦВЕТ.

Кричать не стоит. Тебе был дан ответ который решает твою задачу ровно так как ты её поставил.

Link to comment
Share on other sites

  • 0
5 часов назад, klierik сказал:

Кричать не стоит. Тебе был дан ответ который решает твою задачу ровно так как ты её поставил.

Уважаемый повелитель форума, Вы если экстрасенс-медиум, и интонацию определяете по текстовому формату - я скажу, что ошибка. Я выделил человеку важное ВВ-кодом, как и обозначалось при открытии новой темы. Человек который кричит, не поставит ему лайк в сообщении в знак благодарности. Я с Вами на "Ты" не переходил. Всего наилучшего ;)

Link to comment
Share on other sites

  • 0
1 hour ago, your app said:

Уважаемый повелитель форума, Вы если экстрасенс-медиум, и интонацию определяете по текстовому формату - я скажу, что ошибка. Я выделил человеку важное ВВ-кодом, как и обозначалось при открытии новой темы. Человек который кричит, не поставит ему лайк в сообщении в знак благодарности. Я с Вами на "Ты" не переходил. Всего наилучшего ;)

Поясню для новоиспеченных пользователей сети интернет — текст набраный капсом общепринято считать криком. Экстрасенсорика тут не причем, лишь опыт. Так же общение на "Ты" или на "Вы" определяет каждый для себя сам. 

Link to comment
Share on other sites

  • 0
1 минуту назад, klierik сказал:

Поясню для новоиспеченных пользователей сети интернет — текст набраный капсом общепринято считать криком. Экстрасенсорика тут не причем, лишь опыт. Так же общение на "Ты" или на "Вы" определяет каждый для себя сам. 

О Великий Хранитель Пользователей Сети, простите извините за несчастное покушение на свод правил. Каюсь. :ph34r:

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy