|
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<style>
#wrap {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-flex-flow: column;
flex-flow: column;
width: 100%;
}
#main{
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: auto;
height: 100%;
width: 100%;
}
</style>
</head>
<body style="background:#000;">
<div id="wrap">
<div id="main">
<br>
<br>
<br>
<br>
<br>
<div style="color:#fff;width:100%; height:2rem;" tapmode="" onclick="opdata();">播放</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script>
apiready = function(){
var obj = api.require('playModule');
obj.addEventListener({
name: 'play'
}, function(ret, err) {
alert('播放'+JSON.stringify(ret));
});
obj.addEventListener({
name: 'pause'
}, function(ret, err) {
alert('暂停'+JSON.stringify(ret));
});
obj.addEventListener({
name: 'backBtn'
}, function(ret, err) {
alert('小窗口返回按钮'+JSON.stringify(ret));
});
obj.addEventListener({
name: 'full'
}, function(ret, err) {
alert('全屏按钮'+JSON.stringify(ret));
});
obj.addEventListener({
name: 'unfull'
}, function(ret, err) {
alert('退出全屏按钮'+JSON.stringify(ret));
});
obj.addEventListener({
name: 'click'
}, function(ret, err) {
alert('点击监听'+JSON.stringify(ret));
});
obj.addEventListener({
name: 'onPrepared'
}, function(ret, err) {
alert('视频准备完成'+JSON.stringify(ret));
});
}
var opdata = function(){
var obj = api.require('playModule');
obj.play({
rect:{
x: 0,
y: 0,
w: api.frameWidth,
h: api.frameWidth
},
fixedOn: 'spbfqxx-con',
url: 'http://www**.**/video/movie.mp4',//ret.value
defaultBtn:true,
scalingMode:1,
enableFull : false,
isTopView : false,
isBackBtn:false,
isLive: false,
isShowProcessView:true,
}, function(ret, err) {
alert(JSON.stringify(ret));
});
}
</script>
</html>
我真没看出来这个代码哪里有问题 |
|