随着视频播放器的制作需要,基于wex5的开源框架和遵循DOM规范的特性,对html5原生组件进行改装,配合attchmentsimple组件,实现web页面的视频上传与在线播放。
演示工程:http://play-app.cloudx5.com
演示效果图:
1.上传封面图,视频
2 点击封面图,跳转至播放页面。
3.进入播放页面,实时播放。
一 设计思路:
wex5与框架与html不同,把标签源码,js,css,视频操作进行了分离,那我们就以html5的标签,js,css分离后,在wex5的基咄上重新组装,实现wex5与js逻辑的混用与配合。
二 video标签封装:
如下图所示,插入video标签&