У меня есть раздел, где воспроизводится зацикленное видео без звука без доступа к элементам управления.
Буквально вчера я обнаружил проблему с браузером Safari, так как он открывает это видео на весь экран, с включенным звуком и элементами управления, а когда видео достигает конца, видео просто сворачивается, как ни в чем не бывало. Это происходит каждый раз, когда страница отображается.
Проведя некоторое исследование, я попытался добавить playsinline (который в реакции представляет собой playInline) и даже webkit-playsinline="true". Но, как оказалось, браузер Safari позволяет открывать это видео только тогда, когда вы прокручиваете вниз до просмотра этого видео. Но я вообще не хочу, чтобы его открывали, я хочу, чтобы он оставался статичным.
Как запретить открытие видео в полноэкранном режиме в браузере Safari?
Вот пример того, как выглядит мой тег видео:
<video autoPlay muted loop>
<source
type = "video/mp4"
src = {mainVideo}
autoPlay
muted
loop
playsInline
webkit-playsinline = "true"
></source>
</video>
Итак, вы были правы, добавив атрибуты playsInline
и webkit-playsinline = "true"
к своему элементу видео. Но сафари порой может быть непредсказуемым. Так что, возможно, попробуйте добавить атрибут controlsList
со значением nodownload
к вашему элементу видео. Этот атрибут предотвращает появление элементов управления видео, что может помочь предотвратить полноэкранное поведение.
См. код ниже.
<video autoPlay muted loop controlsList = "nodownload">
Hope that helps :)