Destoon可以通过调用第三方的视频接口实现在线视频播放,这里以腾讯视频为例进行介绍。
-
首先进入腾讯视频开放平台,注册并申请API密钥。
-
在Destoon后台中,进入“系统设置” -> “插件管理” -> “API管理”,点击“添加新API”按钮,填写相关信息。如下图所示:
- 在API URL中填写调用腾讯视频的API接口地址,如:
https://v.qq.com/x/page/{vid}.html
其中,{vid}表示腾讯视频的视频ID,例如:https://v.qq.com/x/page/1234567890.html 中的 “1234567890” 就是腾讯视频的视频ID。
- 在“返回数据”中,填写腾讯视频对应API返回的数据格式,例如:
{
"code": 0,
"data": {
"title": "视频标题",
"url": "https://v.qq.com/x/page/1234567890.html"
}
}
- 在Destoon前台页面中,可以通过以下方式实现调用腾讯视频API接口:
<div id="video-player"></div>
<script>
var vid = "1234567890"; // 腾讯视频的视频ID
$.ajax({
url: "/api.php?op=video&tencent&id=" + vid,
dataType: "json",
success: function(data){
var title = data.data.title;
var url = data.data.url;
var html = "<iframe src="" + url + "" frameborder="0" allowfullscreen></iframe>";
$("#video-player").html(html);
},
error: function(){
alert("获取视频数据失败!");
}
});
</script>
这段代码会通过Ajax获取腾讯视频API返回的数据,然后通过iframe嵌入页面中实现视频播放。