huangzhidong
/
guoyao-jiankang


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940
							<!DOCTYPE html>
<html>
<head>
    <title>监控</title>
    <link href="/static/videojs8.3.0/video-js.css" rel="stylesheet" />
    <script src="/static/videojs8.3.0/video.min.js"></script>
    <style>
        html,body{
            padding: 0;
            margin: 0;
        }
        #videobox{
            position: fixed;
            z-index: 10;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }
    </style>
</head>
<body>
<div id="videobox">
    <video id="video" class="video-js vjs-default-skin" style="width:100%;height:100%;" controls autoplay></video>
</div>
<script>
    var video = videojs("video", {
        techOrder: ["html5", "flash"],
        sources: [
            {
                src: "{$info.url}",
                type: "application/x-mpegURL",
            },
        ],
    });
    // video.play();
</script>
</body>
</html>