zoukankan      html  css  js  c++  java
  • liveplayer免费网页直播_点播播放器-页面动态多播放器添加代码示例

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

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

  • 相关阅读:
    软件测试大赛决赛简讯
    期末提交作业清单
    4月12日-4月19日任务清单
    20160405
    软件系统设计文档模板
    吐槽
    致我亲爱的学生
    HBase 环境搭建
    Zookeeper 环境搭建
    hive 部署
  • 原文地址:https://www.cnblogs.com/kumukim/p/11006602.html
Copyright © 2011-2022 走看看