44 lines
No EOL
1.5 KiB
Cheetah
44 lines
No EOL
1.5 KiB
Cheetah
<style>
|
|
.monitor-view {
|
|
width: 100%;
|
|
height: 740px;
|
|
}
|
|
</style>
|
|
|
|
<table class="monitor-view">
|
|
<tr>
|
|
<td>
|
|
<video id="view1" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
|
|
<source src="{{camera1.getPlaylistRelativeUrl()}}">
|
|
<p class="vjs-no-js">
|
|
To view this video please enable JavaScript, and consider upgrading to a web browser that
|
|
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video.</a>
|
|
</p>
|
|
</video>
|
|
</td>
|
|
|
|
<td>
|
|
<video id="view2" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
|
|
<source src="{{camera2.getPlaylistRelativeUrl()}}">
|
|
</video>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>
|
|
<video id="view3" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
|
|
<source src="{{camera3.getPlaylistRelativeUrl()}}">
|
|
</video>
|
|
</td>
|
|
|
|
<td>
|
|
<video id="view4" class="video-js vjs-fill" preload="auto" data-setup='{}' controls autoplay muted >
|
|
<source src="{{camera4.getPlaylistRelativeUrl()}}">
|
|
</video>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<link href="css/lib/video-js.min.css" rel="stylesheet">
|
|
<script src="js/lib/video.min.js"></script>
|
|
<script src="js/lib/videojs-http-streaming.min.js"></script> |