Вторник , Май 22 2018
Home » Web сервера » Оптимизация » Отключаем ответ http 206 partial content для video

Отключаем ответ http 206 partial content для video

Недавно столкнулся с проблемой понижения скорости загрузки страниц содержащими видеоролики. Проблема возникала при использовании html5 плеера. В валидаторе мне выдавало 206 partial content — это означает что при загрузке страницы браузер пытается частично загрузить содержимое видео ролика, а также появлялись совсем ненужные лишние запросы которые повышали нагрузку на сервер, а мне оно нужно, нет конечно, мне это совсем не нужно…

Отключаем ответ http 206 partial content для video

Полез ковыряться на сервер перелопатил весь конфиг nginx так ничего не смог с этим сделать, отключить буферизацию со стороны сервера не вышло ( пару директив  которые я решил для этого использовать не помогли ). Потоптавшись на месте до меня дошло что можно использовать html5 и встроенный тег <video> в котором все это дело можно было и прописать

Отключаем подгрузку видео в html5 и 206 partial content

По умолчанию в html5 плеере стоит подгрузка видео начинает грузиться при загрузке страницы поэтому мы имеем возможность увидеть подгруженный постер для видео. При отключении этой функции за место постера мы увидим белый экран, но и это решаемо ибо есть возможность установить внутри тега <video> свой постер. Директивы которые подлежат изменению я пометил красным.

<video poster="https://exemple.ru/video.jpg" preload="none" controls="controls" width="640" height="360">
<source src="https://exemple.ru/video.mp4" type="video/mp4; codecs="avc1.42E01E, mp4a.40.2"" /></video>

Сразу после проделанных манипуляций я проверил результат, и получил то чего добивался в течении часа, все оказалось настолько просто как видите, а вот и результат трудов:

Отключаем ответ http 206 partial content для video

И что нужно было сделать всего вписать пару букАв в код, и все проблемы решены. Хотя нет не все, видео не подстраивается под мобильное устройство, и это плохо но тоже не проблема, для того чтобы вставленное видео стало адаптивным достаточно добавить всего лишь небольшой кусок в ваш основной файл css

Делаем видео адаптивным и выставляем по центру

video {  
   width:100%; 
   max-width:640px; 
   height:auto; 
}
video {
    display: block;
    margin: 0 auto;
}

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

Заметка для себя и помощь вам. Надеюсь вам удалось избавиться от назойливо мозолящего глаза ответа сервера 206 partial content, постави

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *