Skip to content

S
SHMCamStudio
Commit e2d6d245 authored by nextime's avatar nextime
1 Browse files
Options

Secure video element uses all space available

parent 4319cea9
Show whitespace changes
Inline Side-by-side
Showing with 20 additions and 10 deletions
templates/stream.html
View file @ e2d6d245
...@@ -32,8 +32,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. ...@@ -32,8 +32,8 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
height: 100%; height: 100%;
} }
video { video {
width: 100%; width: 100% !important;
height: 100%; height: 100% !important;
object-fit: contain; object-fit: contain;
} }
</style> </style>
...@@ -41,19 +41,29 @@ along with this program. If not, see <https://www.gnu.org/licenses/>. ...@@ -41,19 +41,29 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
<body> <body>
<div id="videoContainer"> <div id="videoContainer">
<video id="videoPlayer" autoplay muted playsinline> <video id="videoPlayer" autoplay muted playsinline>
<source src="/video_feed" type="video/mp4"> <source type="video/mp4">
Your browser does not support the video tag. Your browser does not support the video tag.
</video> </video>
</div> </div>
<script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script> <script src="https://vjs.zencdn.net/7.20.3/video.min.js"></script>
<script> <script>
window.onload = function() {
var player = videojs('videoPlayer', { var player = videojs('videoPlayer', {
html5: {
vhs: {
overrideNative: !videojs.browser.IS_SAFARI
},
nativeAudioTracks: false,
nativeVideoTracks: false,
autoplay: true, autoplay: true,
muted: true, muted: true,
controls: true, controls: false,
fluid: true, fluid: true,
responsive: true respomsive: true
}); }});
player.src({ src: '{{ stream_url }}', type: 'application/x-mpegURL'});
player.play();
};
// Function to handle resize // Function to handle resize
function handleResize() { function handleResize() {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment