视频监控播放（UIKit ）

最新推荐文章于 2024-04-20 09:44:57 发布

yuer629

最新推荐文章于 2024-04-20 09:44:57 发布

阅读量1.5k

点赞数

分类专栏：编程文章标签：视频监控 uikit m3u8

本文链接：https://blog.csdn.net/chw0629/article/details/89635067

版权

编程专栏收录该内容

33 篇文章 1 订阅

订阅专栏

超简单，直接上代码：

<!DOCTYPE html>
<html>
    <!--
        UIKit Javascript 说明：
        https://open.ys7.com/doc/zh/uikit/uikit_javascript.html
    -->
    <head>
        <meta charset="utf-8" />
        <title>视频监控</title>
        <style>
        #myPlayer{
            /* max-width: 500px; */
            width: 100%;
            border-radius:20px 20px 20px 20px;
        }
        </style>
        <script src="https://open.ys7.com/sdk/js/1.3/ezuikit.js"></script>
    </head>
    <body>
        <video id="myPlayer" poster="" controls playsInline webkit-playsinline autoplay>
            <source src="http://hls01open.ys7.com/openlive/fbe9b00465xxxxxxxxxxxxxd7f9abd.m3u8" type="application/x-mpegURL" />
        </video>
			<script>
<!-- 视频监控 -->
			var player = new EZUIPlayer('myPlayer');
			function log(str){
						   var div = document.createElement('DIV');
						   div.innerHTML = (new Date()).Format('yyyy-MM-dd hh:mm:ss.S') + JSON.stringify(str);
						   document.body.appendChild(div);
			}
				
		</script>
    </body>
</html>

效果：

yuer629

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
1
评论
视频监控播放（UIKit ）

超简单，直接上代码：<!DOCTYPE html><html>  <head> <meta charset="utf-8" ...
复制链接

扫一扫