HTML Video tag не работает на сафари и устройстве iphone - PullRequest
Новая
       21

HTML Video tag не работает на сафари и устройстве iphone

0 голосов
/ 21 октября 2019

У меня есть весенний MVC-проект, в котором я сохранил свое видео в папке ресурсов (D: / folder / videos /), и в моем весеннем сервлете xml сделана такая же запись, как и

В моем jsp-файлениже запись, чтобы показать видео 

<div id="groupsign" class="tab-pane fade">

<video width="100%" height="400px" controls="controls" controlsList="nodownload" autoplay  loop  muted  playsinline >

<source src="<%=appUrl %>/videos/FirstVideo.mp4?preview=true" type="video/mp4">

<source src="<%=appUrl %>/videos/SecondVideo.mp4?preview=true" type="video/gg">

</video>

</div>

Все еще не показывает видео при запуске моего приложения на сервере. Это показывает пустой и просто поиск символа в области видео. Этот же код / ​​видео работает на устройстве Android. Если я заменю источник видео, предоставив ссылку на общедоступное видео, то он будет работать. Я не понимаю, что проблема и как решить то же самое. Любое руководство поможет мне больше.

Safari

Используется автопроигрывание приглушенного воспроизведения в теге видео, но не удача

В сервлете Spring конфигурируйте папку ресурсов как 

<resources mapping="/videos/**" location="file:D:/folder/videos/"/ >

В JSP написано видео тегом типа 

<video width="100%" height="400px" controls="controls" controlsList="nodownload" autoplay  loop  muted  playsinline >

<source src="<%=appUrl %>/videos/FirstVideo.mp4?preview=true" type="video/mp4">

<source src="<%=appUrl %>/videos/SecondVideo.mp4?preview=true" type="video/gg">

</video>

1 Ответ

0 голосов
/ 07 ноября 2019

У меня была такая же проблема с мобильными устройствами ios, и я решил ее.

Как уже упоминалось здесь: Создание видео для Safari на iPhone: «HTTP-серверы, на которых размещаются медиафайлы для iOS, должны поддерживать запросы в байтовом диапазоне, чтоiOS использует произвольный доступ при воспроизведении мультимедиа. (Поддержка диапазона байтов также известна как поддержка диапазона содержимого или частичного диапазона.) Большинство, но не все, серверов HTTP 1.1 уже поддерживают запросы диапазона байтов. "

Таким образом, вы должны проверить, использует ли ваш сервер кэширование в байтовом диапазоне, или же перенастроить его (я сделал это с помощью nginx).

PS: Другой вторичной причиной несовместимости видео ios могут быть несовместимые кодеки каждого видео. Поддерживаются следующие стандарты сжатия:

-H.264 Базовый профиль уровня видео 3.0, до 640 x 480 при 30 кадрах в секунду. Обратите внимание, что B-кадры не поддерживаются в базовом профиле. -MPEG-4 часть 2 видео (простой профиль) -AAC-LC аудио, до 48 кГц

...