В настоящее время я использую видео из nginx на веб-странице, однако у меня есть несколько видео на одной веб-странице, и я хочу, чтобы люди имели возможность полноэкранного просмотра видео и возвращались к просмотру с нескольких камер.Хотя это и делает это нормально, выход из полноэкранного режима, кажется, приостанавливает видео, которое я смотрел, хотя я хочу, чтобы оно продолжало воспроизводиться, есть ли способ сделать это с помощью тега video в html-файле или каким-либо другим способом?
Вот все соответствующие коды:
стиль CSS, указанный в заголовке:
.VidSizing {
float:left;
width:25%;
height:50%;
object-fit:fill;
}
html видео в теле:
<div id="VideoSpace" style="width:100%;height:450px">
<video id="player1" src="/hls1/stream1.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
<video id="player2" src="/hls2/stream2.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
<video id="player3" src="/hls3/stream3.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
<video id="player4" src="/hls4/stream4.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
<video id="player5" src="/hls5/stream5.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
<video id="player6" src="/hls6/stream6.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
<video id="player7" src="/hls7/stream7.m3u8" class="VidSizing" muted
playsinline autoplay controls></video>
</div>
Если больше информациинеобходимо или у вас есть понимание, не стесняйтесь спрашивать.Кроме того, нет, я не указываю ни css, ни что-либо еще, использующее идентификаторы игроков или div, просто класс (я делаю это по определенной причине).
Редактировать 1: ПолныйОтбор одного видео, похоже, не влияет на воспроизведение других, хотя в случае, если это помогает.