Как загружать правильно видео на сайт?

Question

[WebforSelf]

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

<video controls width="400" height="300">
  <source src="video.mp4" type="video/mp4"><!-- MP4 для Safari, IE9, iPhone, iPad, Android, и Windows Phone 7 -->
  <source src="video.webm" type="video/webm"><!-- WebM/VP8 для Firefox4, Opera, и Chrome -->
  <source src="video.ogv" type="video/ogg"><!-- Ogg/Vorbis для старых версий браузеров Firefox и Opera -->
</video>

Но как быть со стороны пользователя? Ведь он не будет грузить каждый видос в 3 экземплярах? Как вы выходите из ситуации?

Лично мое мнение что лучше видео грузить на хостинг такие как ютуб. Но может я ошибаюсь и видео имеет место быть на сайте у клиента?

Comments

[WapSter]

Он и не будет грузить 3 видео

[WebforSelf]

WapSter, ну вот я имею видео в mp4 , как его сделать универсальным то? video.webm и video.ogv, откуда им взяться?

[Максим]

WebforSelf, а что за видео ? какую роль оно выполняет ?

[WapSter]

WebforSelf, сконвертируй нужные форматы

[WebforSelf]

Максим Ленский, Видео- галерея на сайте.

[WebforSelf]

WapSter, так оно понятно, но контент динамический и пользователь хочет грузить видео не раз и не два. Соответственно ему генерировать постоянно 3 формата? если оставлять только формат mp4 то значит что не все браузеры будут воспроизводить видео.

[Максим]

WebforSelf, тогда - это головняк - так как всё должно произойти на стороне сервера - используйте ffmpeg конвертация в зависимости от размера видео - это сложный вопрос , на компе я могу это сделать а на сервере нет

[WebforSelf]

Максим Ленский, наверное лучше загружать на ютуб и уже составлять галерею из них

[Максим]

WebforSelf, да - это верно - вот кстати вам и пример - когда видео в нескольких форматах и в разных качествах

[WapSter]

WebforSelf, конвертируй файлы на сервере.

[Максим]

WapSter, вот как это делать ? использование ffmpeg это разумеется -

[WapSter]

Максим Ленский, на ноде можно при помощи multer принимать файлы, и есть пакеты для работы с ffmpeg.

[Максим]

WapSter, если у автора вопроса возник такой вопрос то 100% он не умеет это, да скорее всего это он не сможет сделать

эту работу должны были дать какому то fulltack который шарит в неких технологи

толку от того что я ему щас дам https://github.com/PHP-FFMpeg/PHP-FFMpeg он даже не сможет применить это

[WapSter]

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

[Максим]

WapSter, я знаю - был опыт но только на линуксе на моём компе ... на сервере догадываюсь что он тоже хялявный (shared) не подойдёт ... даже и линуксовый ...

этот вопрос коммерческий - и при чём тянет на хороший гонорар

моё мнение что ни кто здесь за $0 не будет распинаться объяснять о том как работает composer и как припилить ffmpeg и загрузчик видео и ещё форматировать и всё на лету ... хм ...жесть

Answer 1

[weranda]

Я предложу загрузить видео на YouTube. На сайте сделать заглушку под видео. Превью можно грузить через API. При клике на заглушку грузить уже видео с YouTube — так вы сэкономите на загрузке видео данных при загрузке страницы.
На сайте же можно и не париться о подключении нескольких форматов — мое мнение. К примеру MP4 поддерживается без малого 99% браузеров: https://caniuse.com/mpeg4