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

133 阅读1分钟

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

  • 支持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 数组放入将要播放的多个地址,这里也可以从其它接口获得。

在这里插入图片描述

获取更多信息

安防流媒体互联直播-QQ交流群:615081503

国标GB28181无插件LiveGBS-QQ交流群:947137753

WEB:www.liveqing.com

Tel:189-5515-0114 (同微信)

Copyright © LiveQing.com 2016-2019