Javascript 尝试上载视频并更改,让视频播放器在表单页面上反映
我正在使用meteor和filepicker plus pacakge,我已经成功地让图像上传工作,但是现在我想做视频,视频上传并将其值存储在视频播放器中进行预览,但是它不会更新播放器,所以当我检查正确路径时,还没有视频播放,如果Meteor hot在不刷新的情况下重新加载页面,则会显示视频 下面是通过会话变量在上传后添加视频路径的代码。我添加了video.load();考虑到这一点,我不知道如何让视频反映其src变化并观看视频Javascript 尝试上载视频并更改,让视频播放器在表单页面上反映,javascript,video,meteor,Javascript,Video,Meteor,我正在使用meteor和filepicker plus pacakge,我已经成功地让图像上传工作,但是现在我想做视频,视频上传并将其值存储在视频播放器中进行预览,但是它不会更新播放器,所以当我检查正确路径时,还没有视频播放,如果Meteor hot在不刷新的情况下重新加载页面,则会显示视频 下面是通过会话变量在上传后添加视频路径的代码。我添加了video.load();考虑到这一点,我不知道如何让视频反映其src变化并观看视频 'click #uploadVideo':function(eve
'click #uploadVideo':function(event, template){
event.preventDefault();
filepicker.pickAndStore(
{
mimetypes: ['video/webm'],
multiple: false
},{
access:"public"
},
function(InkBlobs){
// the upload is now complete to filepicker - but the form hasnt persisted the values to our collection yet
Session.set("videoId", _.last(_.first(InkBlobs).url.split("/")));
Session.set("videoKey", _.first(InkBlobs).key);
// once the session changes are made, the form will now have the new values, including a preview of the image uploaded
},
function(FPError){
log.error(FPError.toString());
}
);
var video = $('video');
video.load();
使用persistent会话包将会话值更改为persistent并重新加载页面是有效的
Session.setPersistent("videoId", _.last(_.first(InkBlobs).url.split("/")));
Session.setPersistent("videoKey", _.first(InkBlobs).key);
location.reload();
上传完成后,应该将blob存储到集合中。添加一个将在您刚更新的文档被修改时运行的。修改后,如果
视频
元素还没有,则应使用jquery将新的源
值附加到该元素。最后,调用video.load
。