liveplayer免费网页直播_点播播放器-页面动态多播放器添加代码示例

最新推荐文章于 2024-03-20 14:15:12 发布

staritstarit

最新推荐文章于 2024-03-20 14:15:12 发布

阅读量169

点赞数

文章标签： javascript js css html html5

www.liveqing.com 安防流媒体直播点播无插件服务

本文链接：https://blog.csdn.net/staritstarit/article/details/108657442

版权

强大的网页直播/点播播放器，使用简单，功能强大， 终身免费使用

支持m3u8播放;
支持HTTP-FLV播放;
支持RTMP播放;
支持直播和点播播放;
支持播放器快照截图;
支持点播多清晰度播放;
支持全屏或比例显示;
自带的flash支持极速和流畅模式;
自带的flash支持HTTP-FLV播放;
自动检测IE浏览器兼容播放;

详见：https://www.npmjs.com/package/@liveqing/liveplayer

压缩包下载

多播放器页面添加示例

<!DOCTYPE HTML>
<html>
    <head>
        <title>liveplayer</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    </head>
    <body> 
	<div id="liveplayers"></div>
    <script type="text/javascript" src="liveplayer-element.min.js"></script>
	<script type="text/javascript">
		var players =[
		"video_url_1",
		"video_url_2",
		"video_url_3",
		]
		var liveplayers = document.getElementById("liveplayers");
		
		for (var i=0;i<players.length;i++) {
			var div = document.createElement("div");
			div.id = "liveplayer_"+i;
			div.innerHTML = "<live-player video-url='"+players[i]+"' live='false' aspect='16:9'></live-player>";
			liveplayers.appendChild(div);
		}
	</script>
	</body>
</html>

变量 players 数组放入将要播放的多个地址，这里也可以从其它接口获得。

staritstarit

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
liveplayer免费网页直播_点播播放器-页面动态多播放器添加代码示例

强大的网页直播/点播播放器，使用简单，功能强大，终身免费使用支持m3u8播放;支持HTTP-FLV播放;支持RTMP播放;支持直播和点播播放;支持播放器快照截图;支持点播多清晰度播放;支持全屏或比例显示;自带的flash支持极速和流畅模式;自带的flash支持HTTP-FLV播放;自动检测IE浏览器兼容播放; 详见：htt...
复制链接

扫一扫