Как отключить загрузку видео с сервера на мобильных устройствах?

Использование видео в качестве бэкграунда уже давно стало одной из фишек коммерческих сайтов. Говорят, что помогает в привлечении читателей и повышает конверсию. Неуверен, но явление имеет место быть, однако, на десктопе — эффектно, ДА, но на мобильных устройствах — категорически НЕТ!

Возникает небольшая задачка: видео должно работать на десктопе, но при заданном разрешении, например, 1024 пиксела, его быть не должно.
Читать далее «Как отключить загрузку видео с сервера на мобильных устройствах?»

Как вставить видео и плейлист c Youtube на свой сайт

 
Источник: Как вставить видео и плейлист YouTube на сайт в виде галереи

Как пользоваться мини камерой QQ6

Мини видеокамера QQ6 вполне себе удобный девайс, который можно использовать по различным назначениям. Обычно я ношу его просто в кармане, а в нужный момент привожу в действие, фиксирую неповторимые фрагменты жизни, как видео, фото и аудио приличного качества. Камера сочетает качество видеосъемки (FullHD 1920х1080p или HD Ready 1280х720p с частотой кадра 15 fps и 30 fps соответственно), невидимую глазу инфракрасную ночную LED подсветку, позволяющую получать прекрасное качество даже в полной темноте на расстоянии до 3 метров, с уникально малыми для такого рода устройств габаритами 37x17x11 мм и весом, всего 25 грамм (в общем любой карман не тянет и незаметна, позволяет вести скрытый репортаж). Емкость встроенного аккумулятора —180 мАч, что позволяет работать видеокамере в режиме непрерывной съёмки до 1,5 часов совершенно автономно.
Читать далее «Как пользоваться мини камерой QQ6»

HTML5 & CSS3: Наложение текста на видео

Пример Скачать .zip

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

Однако, приведенный здесь код значительно проще по причине того, что будет работать только на современных браузерах: режим mix-blend-mode пока не поддерживается в MS Edge. Но, как говорится, поучительно и будет работать в IE10+.
Читать далее «HTML5 & CSS3: Наложение текста на видео»

«. . . ежик резиновый с дырочкой в правом боку» или адаптивный дизайн видео

В мире адаптивного дизайна и «резиновых» макетов единственный тип медиа-данных стоит на пути совершенной гармонии — видео. Есть масса способов показать видео на своём сайте. Можно самостоятельно хостить видео и предоставлять его с помощью HTML-тега video. Можно использовать YouTube или Vimeo, которые предоставляют код iframe для показа видео. Можно использовать Viddler или Blip.tv и теги object/embed для флеш-плеера. И во всех этих сценариях обязательно объявляются статические ширина и высота.
Читать далее ««. . . ежик резиновый с дырочкой в правом боку» или адаптивный дизайн видео»