Выбор браузером какое видео проигрывать

21.02.2017, 13:42. Показов 555. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Добрый день.
Есть рабочий html код

HTML5
1
2
3
4
5
6
7
div id="video-bg">   
            <video width="100%" height="auto" preload="auto" autoplay
                loop="loop" poster="images/poster.jpg">
                <source src="video/rolik.mp4"><source>
                <source src="video/rolik.webm"><source>
            </video>
        </div>

Как сделать так, к примеру если экран больше конкретного числа то проигрывается видео с расширением .mp4, а если меньше то .webw.
А то в моем случае проигрывается всегда первое по списку и на компе и на телефоне.

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

21.02.2017, 13:42

Ответы с готовыми решениями:

Проигрывать видео на кнопке
Всем привет! Уже давно не могу понять как закрепить видеофайл в кнопке и при этом проигрывать его! Видел такое в видео о введение в WPF....

Чем проигрывать видео формат ts ?
телик записывает на флешку и из нее прекрасно проигрывает на ноуте десятая винда 64, никак неоткрывает. файл 21 мегабайт,...

Поймать момент, когда WKWebView начинает проигрывать аудио/видео с сайта
У меня есть WKWebView и я хочу поймать момент, когда начинает проигрываться видео или аудио с сайта.Примеры сайтов - вконтакте, зайцевнет,...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

21.02.2017, 13:42

Помогаю со студенческими работами здесь

HTML <video> </video>, как проигрывать видео с компьютера?
У меня такая проблема: Делал html страницу, поставил тег <video> как надо, но браузер не показывает mp4 файл. <html> ...

Работа с веб браузером. Програмный выбор файлов на странице
Вот у нас есть такая страница http://ximiaproject.zz.mu/_file-manager/index.html Как программно задать путь к файлу ? Например...

Какое видео ставить?
В леново y560p quanta kl3e стоит чип изначально 6570m amd radeon, сгорел чип, предлагают поставить 216-0772003, то есть 5750, будет ли...

Какое видео стоит поставить ?
у меня стоит fx8320(можно разогнать на 4 ггц в принципе, сво позволяет) какую хай-енд\мид-енд карту вытянет пой проц, так чтобы я не...

какое видео можно поставить на ga-7 vt 600 rz-c s-t a
раньше стоял радеон 9550 згорел сечяс хочю выбрать чтонебуть недорогое но чтобы палучше немного хотяб чем старая блок питания 300 ...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .	SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .

Наверх