簡單的騰訊線上播放器程式碼
阿新 • • 發佈:2019-02-04
1、本地測試時必須在本地建立服務
2、寫入以下程式碼
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
<title>點播</title>
</head>
<body>
<div id="id_video_container" style="width:100%; height:auto;"></div>
<script src="//qzonestyle.gtimg.cn/open/qcloud/video/h5/h5connect.js" charset="utf-8"></script>
<script type="text/javascript">
// (function () {
// var player = new qcVideo.Player("id_video_container", {
// "file_id": "1465197896261041838",
// "app_id": "125132611",
// "width":640,
// "height":480
// });
// })()
var option = {
"width": 640,
"height": 480,
//...可選填其他屬性
"third_video": {
"urls":{
20 : "http://localhost/北京時間-《生活+家裝攻略》20180110百變空間.mp4" //演示地址,請替換實際地址
}
}
};
var player = new qcVideo.Player("id_video_container", option);
</script>
</body>
</html>
API方法總覽
建構函式 qcVideo.Player(id, option, listener);
ID:String,必選引數,頁面放置播放器的容器 ID,可以自由定義;
option:Object,必選引數。
listener:Object,可選引數,播放狀態變化回撥函式列表。