強大的
網頁直播/點播播放器,使用簡單,功能強大, 終身免費使用
- 支持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 數組放入將要播放的多個地址,這里也可以從其它接口獲得。

