4***@qq.com
4***@qq.com
  • 发布:2018-11-23 13:01
  • 更新:2018-11-29 13:12
  • 阅读:1726

plus.video 切换视频demo,切换后无法播放,一直显示的是加载状态

分类:HTML5+

直接复制的官方的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>
2018-11-23 13:01 负责人:无 分享
已邀请:
4***@qq.com

4***@qq.com (作者)

算是解决了吧,办法是重新new一个vdieo对象,更换地址

d***@foxmail.com

d***@foxmail.com

为什么我一直显示这个界面

该问题目前已经被锁定, 无法添加新回复