Автор Тема: Почему не проигрывается видео файл на странице HTML5 ? (Прочитано 15347 раз)

woronin · « : 11.05.2020 14:45:16 »

1. Я создал видео файл tomato.mp4, он проигрывается без проблем на локальных ресурсах и на яндекс диске.

2. Положил его на свой сервер и прописал в index.html тег вызова https://astera.laser.ru/umkiurban/
<video src="tomato.mp4" controls></video>

3. проверил, что в httpd сервере сконфигурен вызов и обработка нужных типов
/etc/httpd2/conf/mime.types:video/mp4 mp4 mp4v mpg4

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

yaleks · « **Ответ #1 :** 11.05.2020 14:56:21 »

mp4 это "конверт", а внутри может быть разное содержимое.

Во-первых, у вас неправильно настроен сервер. Получите и настройте нормальный сертификат от letsencrypt.

Александр Ерещенко · « **Ответ #2 :** 11.05.2020 23:13:24 »

Скачал ваш файл видео. Сделал простейший локальный файл html

Код: [Выделить]

<html>
<body>
<video src="tomato.mp4" controls></video> 
</body>
</html>

При открытии браузером не показывается. (Хром просто рисует проигрыватель, а Фокс пишет о неподдерживаемом формате)
Смотрим формат (Инфо в smplayer) - видео в MP4V
После перекодирования файла в H264 всё прекрасно стало показываться

https://html5book.ru/html5-video/
Обратите внимание на раздел про видеоконтейнеры и видеокодеки

stranger573 · « **Ответ #3 :** 12.05.2020 04:25:52 »

Цитата: woronin от 11.05.2020 14:45:16

1. Я создал видео файл tomato.mp4

А этот файл не mp4.
Это видео зажатое кодеком fmp4 запихнутое в контейнер avi.
Перед как создавать файлы надо читать спецификации создаваемого.

И да:

Цитировать

Видео в формате .avi на сайте средствами HTML5 не воспроизводится.

woronin · « **Ответ #4 :** 18.05.2020 09:09:02 »

А какие параметры mencoder позволяют переконвертировать ролик в формат mp4 ?
Если через сайт переконвертировать ролик, то он отображается, а если mecoder использовать - вроде кодек меняется, но файл не отображается почему то

yaleks · « **Ответ #5 :** 18.05.2020 09:43:44 »

https://gist.github.com/dvlden/b9d923cb31775f92fa54eb8c39ccd5a9
Для web должно быть mp4(h264+aac).

woronin · « **Ответ #6 :** 20.05.2020 22:12:28 »

Классно! Я сделал как указано по ссылке в формате 720p вот такую команду

Код: [Выделить]

$ ffmpeg -i tomato.mp4 -preset slow -codec:a libfdk_aac -b:a 128k -codec:v libx264 -pix_fmt yuv420p -b:v 2500k -minrate 1500k -maxrate 4000k -bufsize 5000k -vf scale=-1:720 output.mp4

отправил это ролик на сервер - и о чудо, все нормально заработало! Вот прямой адрес как оно теперь выглядит
https://astera.laser.ru/umkiurban/tomato.mp4

Смущает правда, почему стандартный альтовый сервер пишет, что его сертификат не защищенный, ну да ладно.

А как мне сделать чтобы на общем фоне, рядом крутилось еще одно видео? Картинка в картинке. Можете подсказать ссылку как это делается?

Александр Ерещенко · « **Ответ #7 :** 20.05.2020 22:28:00 »

Цитата: woronin от 20.05.2020 22:12:28

Смущает правда, почему стандартный альтовый сервер пишет, что его сертификат не защищенный, ну да ладно.

Это браузер ругается на самоподписанный сертификат на вашем сервере - "Выдавшая сторона не известна" astera.localdomain
Кстати, сертификат скоро протухнет - действителен до 28.05.2020г.

Цитата: woronin от 20.05.2020 22:12:28

А как мне сделать чтобы на общем фоне, рядом крутилось еще одно видео? Картинка в картинке. Можете подсказать ссылку как это делается?

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

woronin · « **Ответ #8 :** 24.05.2020 19:10:54 »

Цитата: Александр Ерещенко от 20.05.2020 22:28:00

Это браузер ругается на самоподписанный сертификат на вашем сервере - "Выдавшая сторона не известна" astera.localdomain
Кстати, сертификат скоро протухнет - действителен до 28.05.2020г.

Так а почему вообще альтовый сервер какой-то левый сертификат зацепил?
Он что - предлагает купить этот сертификат что ли?
И как сделать, чтоб убрать вообще эту сертификацию?

yaleks · « **Ответ #9 :** 24.05.2020 20:00:20 »

Цитата: woronin от 24.05.2020 19:10:54

Он что - предлагает купить этот сертификат что ли?

https://letsencrypt.org/ru/

Александр Ерещенко · « **Ответ #10 :** 24.05.2020 21:54:29 »

Цитата: woronin от 24.05.2020 19:10:54

Цитата: Александр Ерещенко от 20.05.2020 22:28:00
Это браузер ругается на самоподписанный сертификат на вашем сервере - "Выдавшая сторона не известна" astera.localdomain
Кстати, сертификат скоро протухнет - действителен до 28.05.2020г.

Так а почему вообще альтовый сервер какой-то левый сертификат зацепил?
Он что - предлагает купить этот сертификат что ли?
И как сделать, чтоб убрать вообще эту сертификацию?

Прежде всего, выясните для себя, что такое HTTPS и как оно работает. Там поймете, что называют сертификатом и откуда он берется.
;)

Форум сообщества
Альт Линукс