wex5使用video标签播放attachmentsimple上传的视频

lwzlwzgood

你好，应用中使用了html5的video标签，已经可以直接播放摆放在ui资源里面的mp4文件，证明video标签已经生效，可播放使用attachmentsinple上传的视频时会提示“此类视频文件不受支持”，视频的url获取方法和图片显示的url获取方法一样，我看了attachmentsimple里面保存的视频文件格式并不是mp4，而是单纯的显示为文件类型，请问video的url该怎们改正？

lwzlwzgood

额。。没人回复么

cgrddv

lwzlwzgood 发表于 2016-8-12 16:22
额。。没人回复么

你看一下这个文件/UI2/system/components/justep/attachment/attachmentSimple.js里的getFileUrl，来获取到文件的URL，再放到video里

lwzlwzgood

cgrddv 发表于 2016-8-12 16:37
你看一下这个文件/UI2/system/components/justep/attachment/attachmentSimple.js里的getFileUrl，来获取 ...

getFileUrl : function(realFileName,storeFileName,ownerID,operateType){
                var url = "";
                if(this.actionUrl.indexOf('?') == -1){
                        url = this.actionUrl + '?realFileName=' + realFileName + '&storeFileName='+storeFileName + '&ownerID='+ownerID + '&operateType=' + operateType;
                }else{
                        url = this.actionUrl + '&realFileName=' + realFileName + '&storeFileName='+storeFileName + '&ownerID='+ownerID + '&operateType=' + operateType;
                }
                return require.toUrl(url);
        },
        
        getPictureUrl : function($object){
                var realFileName = $object.realFileName.get();
                var storeFileName = $object.storeFileName.get();
                var ownerID = this.getOwnerID($object);
                var operateType = "browse";
                var imgFileType = ".jpg,.jpeg,.jpe,.png,.gif,.tiff,.tif,.svg,.svgz,.svg";
                var url = "";
                if(imgFileType.indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = this.getFileUrl(realFileName,storeFileName,ownerID,operateType);
                }else if(".mp3,.wav".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/mp3.png');
                }else if(".mp4,.wmv,.mov,.MOV".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/mp4.png');
                }else if(".avi".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/avi.png');
                }else if(".doc,.docx".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/doc.png');
                }else if(".ppt,.pptx".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/ppt.png');
                }else if(".txt,.text".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/txt.png');
                }else if(".pdf".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/pdf.png');
                }else if(".xls,.xlsx".indexOf((String(/\.[^\.]+$/.exec(realFileName)).toLowerCase())) >= 0){
                        url = require.toUrl('$UI/system/components/justep/attachment/css/xlsx.png');
                }else{
                        url = require.toUrl('$UI/system/components/justep/attachment/css/other.png');
                }
                return url;
        },

你好，你是指js文件中的上面这段代码吗：
我自己是这么写的，我可以拿到正确的路径啊，只是文件不是mp4的，上面这段代码是要转换成mp4吗：
var data = this.comp("videodata");                                                 //存放图片的data；
          if(data !== null || data !== undefined){                                            //如果数据不为空；   
          var row = data.getFirstRow();
          var ownerID = row.getID();  
          var fVideo = row.val("fVideo");           
          var jsonList = eval("(" + fVideo +")");                                  //提取图片存放列的数据；        
          if(jsonList !== undefined){                                                         //如果数据不为空；
          var realFileName = jsonList[0]["realFileName"];                                             
          var storeFileName = jsonList[0]["storeFileName"];
          var operateType = "browse";
          var url = '/baas/justep/attachment/simpleFileStore?realFileName=' + realFileName + '&storeFileName='+storeFileName + '&ownerID='+ownerID + '&operateType=' + operateType;            
             this.video.set(url);
              alert(url);

lwzlwzgood

cgrddv 发表于 2016-8-12 16:37
你看一下这个文件/UI2/system/components/justep/attachment/attachmentSimple.js里的getFileUrl，来获取 ...

attachmentSimple.js里的getFileUrl的方法和我写的是一样的作用吧，getPictureUrl里面获取的文件类型只是在attachmentsimple组件上传之后显示不同的文件类型图片而已，我那时已经上传好了的，播放的时候播放器识别不了文件格式

liangyongfei

lwzlwzgood 发表于 2016-8-12 17:28
attachmentSimple.js里的getFileUrl的方法和我写的是一样的作用吧，getPictureUrl里面获取的文件类型只是 ...

你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时间反馈结果，谢谢！2016081200023

lwzlwzgood

liangyongfei 发表于 2016-8-12 17:49
你好楼主，这个问题需要我在本地环境进行问题重现，所以会花费较长时间，请你耐心等待，我完成后会第一时 ...

好的，谢谢

liangyongfei

lwzlwzgood 发表于 2016-8-12 17:54
好的，谢谢

本地测试没问题，点击按钮，执行你的代码

lwzlwzgood

liangyongfei 发表于 2016-8-15 10:16
本地测试没问题，点击按钮，执行你的代码

你好，测试过软件内的谷歌浏览器播放了不，配置tomcat后IE浏览器能播放几十K的视频，我这是私网IP，应该是网速的问题，谢谢，可以结贴了

liangyongfei

lwzlwzgood 发表于 2016-8-15 17:57
你好，测试过软件内的谷歌浏览器播放了不，配置tomcat后IE浏览器能播放几十K的视频，我这是私网IP，应该 ...

平台自带的chrome 是简化版的可能不太支持！建议你自己安装个新版本的chrome试试吧！本地测试没问题！