直接复制的官方的demo,只是改了一下视频地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<title>Video Example</title>
<script type="text/javascript">
var src1 = '../../video/222.mp4';
var src2 = '../../video/222.mp4';
var src = src1;
var video = null;
// H5 plus事件处理
function plusReady(){
// 创建视频播放控件
video = new plus.video.VideoPlayer('video',{
src:src,
autoplay:true
});
}
document.addEventListener('plusready', plusReady, false);
// 切换视频地址
function switchVideo(){
src = (src==src1)?src2:src1;
video.setStyles({src:src});
}
</script>
</head>
<body style="margin:0;padding:0;text-align:center;">
视频播放控件
<br/><br/>
<button onclick="switchVideo()">切换视频地址</button>
<br/><br/>
<div id="video" style="width:100%;height:300px;background-color:#000000;margin:auto"></div>
</body>
</html>
2 个回复
4***@qq.com (作者)
算是解决了吧,办法是重新new一个vdieo对象,更换地址
d***@foxmail.com
为什么我一直显示这个界面