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 數組放入將要播放的多個地址,這里也可以從其它接口獲得。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM