退出全屏显示时如何使iOS上的网页继续播放视频

时间:2018-10-01 15:07:09

标签: html ios css video video-streaming

我目前正在某个网页上使用nginx的视频,但是,我在一个网页上有很多视频,我希望人们能够全屏观看这些视频并返回到多摄像机视图,虽然效果还不错,但退出全屏似乎会暂停我正在观看的视频,尽管我希望它继续播放,是否可以使用html文件中的video标签或通过任何其他方式来实现此目的?

所有相关代码:

标头中列出的

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或其他任何使用播放器ID或div ID的东西,而只是指定类(出于特定原因,我正在这样做)。

编辑1:全屏观看一个视频似乎不会影响其他任何视频的播放,尽管这可能会有所帮助。

0 个答案:

没有答案