Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.50/4: Рейтинг темы: голосов - 4, средняя оценка - 4.50
Evgeniyalnost

Если сайт открывается с телефона - показывать картинку, иначе - видео

30.09.2014, 20:08. Показов 770. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем!
Скажу сразу, я начинающий "специалист", поэтому, прошу отнестись с пониманием. Да, знаю не все, но учусь и стараюсь!

Есть скрипт:


JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
// was extracted from the spec in January 2013
var media_properties = [ "error", "src", "currentSrc", "crossOrigin", "networkState", "preload", "buffered", "readyState", "seeking", "currentTime", "duration", "startDate", "paused", "defaultPlaybackRate", "playbackRate", "played", "seekable", "ended", "autoplay", "loop", "mediaGroup", "controller", "controls", "volume", "muted", "defaultMuted", "audioTracks", "videoTracks", "textTracks", "width", "height", "videoWidth", "videoHeight", "poster" ];
 
var media_properties_elts = null;
 
var webm = null;
 
function init() {
    document._video = document.getElementById("video_background");
 
    webm = document.getElementById("webm");
 
    init_events();
    init_properties();
    init_mediatypes();
 
    // properties are updated even if no event was triggered
    setInterval(update_properties, 500);
}
document.addEventListener("DOMContentLoaded", init, false);
 
function init_events() {
 
    for (key in media_events) { 
    document._video.addEventListener(key, capture, false);
    }
 
    var tbody = document.getElementById("events");
    var i = 1;
    var tr = null;
    for (key in media_events) { 
    if (tr == null) tr    = document.createElement("tr");
    var th = document.createElement("th");
    th.textContent = key;
    var td = document.createElement("td");
    td.setAttribute("id", "e_" + key);
    td.innerHTML = "0";
    td.className = "false";
    tr.appendChild(th);
    tr.appendChild(td);
 
    if ((i++ % 5) == 0) {
        tbody.appendChild(tr);
        tr = null;
    }
 
 
    }
    if (tr != null) tbody.appendChild(tr);
}

Есть css:
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
 
    background: #fff;
    overflow-x: hidden;
}
 
 
#video_background {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -999;
overflow-x: hidden;
}
 
  #player {
background: -webkit-gradient(linear, 0 0, 0 100%, from(#006ad4), to(#003366));
background: -moz-linear-gradient(top, #006ad4, #003366);
border-radius: 10% 10% 10% 10%;
} 
#player:hover {
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#003366), to(#006ad4));
  background: -moz-linear-gradient(top, #003366, #006ad4)
}
Есть код:

HTML5
1
2
3
4
5
<video id="video_background" preload="auto" autoplay="true" loop="loop">
      <source  src="3.mp4" type='video/mp4'>
      <source  src="3.webm" type='video/webm'>
      <source  src="3.ogg" type='video/ogg'>
    </video>

Все здорово.
Открываю с компьютера - все работает. Видео -фон на сайте.


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

sos

Очень надеюсь на вашу помощь
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
30.09.2014, 20:08
Ответы с готовыми решениями:

При переходе на сайт с мобильного телефона открывается порно сайт
Сделал сайт на джумле 2.5. вот сайт При переходе на сайт с мобильного телефона открывается . буквально пару дней назад выложил сайт в...

Как зайти на сайт, который открывается только с телефона, Opera не помогает
с помощью чего можно зайти на сайт , который открывается только с телефона, опера не помагает

Самопроизвольно открывается вкладка с рекламой(Видео или сайт)
Помогите очистить пожалуйста.

1
 Аватар для whiteapps
414 / 379 / 220
Регистрация: 18.07.2014
Сообщений: 1,259
01.10.2014, 11:55
Evgeniyalnost,

Detect Mobile Browsers | Open source mobile phone detection


Не по теме:

хорошо что учитесь
даю вам квест - научитесь пользоваться гуглом

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
01.10.2014, 11:55
Помогаю со студенческими работами здесь

Скачать файл(видео,картинку) с компьютера и передать на сайт. Controller. Spring
Не удалось исправить @RequestMapping(value = &quot;/reminders/video&quot;, method = RequestMethod.GET) @ResponseBody public Remind...

Если смотреть видео в контакте, и если распахнуть видео на весь экран, то звук идет, а изображения нет(!). Если нажать на эту кнопку (на картинке об
Если смотреть видео в контакте, и если распахнуть видео на весь экран, то звук идет, а изображения нет(!!!). Если нажать на эту кнопку (на...

Показывать картинку в Image в зависимости от выбора в ComboBox
Всем привет! Есть combobox и Image. В combobox есть несколько элементов. Надо чтобы при каждом выборе в комбобоксе, image показывала...

Показывать ту или иную картинку в зависимости от значения переменной
Есть две картинки male и female. И собственно команда friend.Sex c двумя полами male и female Как сделать так,что бы вместо текста...

Показывать GIF картинку при определенном цвете компонента
Добрый день уважаемые программисты, я вообще ничего не шарю в программирование но очень нужно выполнить одну задачу: есть объект...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
wmic не является внутренней или внешней командой
Maks 02.04.2026
Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru