После введения HTML5, стало возможным выводить видеофайл при помощи тега <video>, а ссылки на источник, все чаще стал использоваться в виде blob ссылки. Что доставляет много неудобств при попытке сохранить понравившееся видео.
В src стоит blob ссылка, через которую видео нам и показывается, но так как ссылка не прямая на файл, то вставив ее в браузер, то вам будет выдана ошибка ERR_FILE_NOT_FOUND и надпись “Не удалось получить доступ к файлу. Возможно, он был перемещен, изменен или удален”. То есть скачать файл к себе на компьютер через нее невозможно.
HTML код такого тега video при этом выглядит так
<video id="583z50wzdud_video" class="b-video-html5__video b-video-controls__video" style="width: 100%; height: 100%;" preload="auto" tabindex="1" src="blob:https://my.mail.ru/a9dd168c-aaab-4ccd-8710-5054c9143497"></video>
Но как говорится, нет ничего невозможного, было бы желание разобраться со всеми премудростями вывода видео.
Начнем с того, что зайдем в “Инструмент разработчика” или если у вас браузер на английском, то называется “DevTools” . Вызывается все комбинацией клавиш CTRL + SHIFT + I, либо нажав кнопку F12. Затем переходим во вкладку Network и обновляем страничку, нажав кнопку F5. После обновления страницы в открытом инструменте разработчика будут появляться ссылки, которые используются при загрузке страницы. Их, возможно, будет много и поэтому можно воспользоваться вкладками отфильтровав по типу, станет ссылок гораздо меньше. Переставив с вкладки “All” на вкладку “Fetch/XHR” количество ссылок сократилось с 630 до 101. Когда меньше ненужных ссылок, проще находить то, что нам нужно и в итоге нужно будет меньше напрягать глаза, выискивая то, что нам нужно.
Зная что искать, можно было бы отфильтровать поиском, введя в него искомую часть ссылки. Но так как мы тут впервые ищем вручную)
Просматривая отфильтрованные ссылки, больше всех заинтересовала ссылка видаhttps://my.mail.ru/+/video/meta/-15844383462992825?xemail=vash_email@mail.ru&ajax_call=1&func_name=&mna=1437968562&mnb=116706344&ext=0&_=1643122866152
Тут две как бы одинаковые ссылки, одна ссылка на наше видео, а вторая на следующее по очереди видео. Вероятнее всего, то видео что нам нужно будет первым, хотя тут не составит большого труда открыть все ссылки и выбрать ту, что нужна. Для открытия ссылки, нажимаем на ней правой кнопкой и выбираем “Open in new tab”
Откроются данные в JSON в котором будет все сведения о видео, в котором мы и найдем ссылку через которую и можно будет скачать данное видео.
Вот как бы на этом и все, на данном этапи мы можем уже сохранить видео. Для этого копируем ссылку, вставляем в браузер, после чего открывается само видео, которое уже можно будет скачать себе на компьютер выбрав «Скачать».