voide.js全屏播放视频插件

来源:互联网 发布:html5 商城源码下载 编辑:程序博客网 时间:2024/04/29 17:13
使用步骤 :
1、创建VideoF对象, 如 :
var v = new VideoF().init({container : 'ctx',//视频容器src : 'images/0.mp4',//视频路径width : '100%',//视频宽height : '100%',//视频高speed : 2,//播放速度,默认为1 (可忽略)begin : function(){//视频准备播放时执行 (可忽略)$('.page1').hide();$('.vbg').show();},playing : function(){ //视频正在播放时执行 (可忽略)$('.vbg').hide();$('#ctx').show();},over : function(){//视频播放完毕后执行 (可忽略)$('.overbg').show();}});
2、在点击事件中,调用ready函数播放视频
$('#start').on('touchend', function(){v.ready(); //点击按钮后,调用ready函数播放视频});

案例下载地址 :
http://download.csdn.net/download/qq408896436/9748608


0 0