Изменить источник видео HTML5 для мобильных устройств

Question

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

Хотите узнать, есть ли способ изменить источник каждого видео?для экранов шириной менее 800px для видео размером 1 КБ, но на настольном компьютере воспроизводится полное видео,

Я не пытаюсь снизить качество для мобильных пользователей, мобильные пользователи вообще не будут смотреть видео, потому чтоони заменяются изображениями, чтобы сохранить их данные.Я хочу полностью запретить загрузку видео в фоновом режиме для мобильных пользователей, поскольку я не хочу, чтобы они загружали видео, которые не включены в их версию сайта, если я не могу остановить их загрузку со скоростью ниже 800 пикселей, тоМожно ли заменить источник в этой точке останова на 1kbvideo как своего рода хак для сохранения мобильных данных.

<video autoplay loop id="video-background" muted plays-inline>
<source src="VIDEO/BG-VID.mp4" type="video/mp4"> 
<source src="VIDEO/1kb-vid.mp4" type="video/mp4"> 
</video>

Answer 1

Похоже, я искал этот javascript,

$(document).ready(function(){
var screenWidth = $(window).width();
if (screenWidth < 800){
    $('video').removeAttr('autoplay');
} else {
$('video').attr('autoplay');
}
});

Answer 2

Мобильные пользователи могут легко отображать видео в формате Full HD, это просто точки останова, которые установлены на 400px (или что-то еще).Это не означает, что они не имеют разрешения HD, на самом деле многие мобильные устройства имеют более высокое разрешение.Youtube, Netflix, все они загружаются в HD на мобильных устройствах.

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

Люди не хотят видеть видео с более низким разрешением на мобильных устройствах, они хотят видеть видео с полным разрешением (если это позволяет их пропускная способность)

Поэтому единственный способ реализовать этоТочно так же Netflix или Youtube реализуют такие вещи: отправка видео разных размеров в разные диапазоны динамически.Это означает, что они изменяются во время воспроизведения, и нет способа определить это фиксированным образом.

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