强大的
网页直播/点播
播放器,使用简单,功能强大, 终身免费使用
- 支持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 数组放入将要播放的多个地址,这里也可以从其它接口获得。
![](https://i-blog.csdnimg.cn/blog_migrate/9dce8af5de6a4bd09137a9bb223c59e6.png)