提示:如有疑问可以加QQ: 2564034335 , 或者 QQ 群: 891416757
该文章或问题已被删除

简单的封装 原生视频播放器 video 插件

 通过对官方的 VideoPlayer 视频播放器组件简直封装下方便使用

plus.video.VideoPlayer

开发工具:HBuilder x  支持在线打包实现。



  在有需要的页面引入 videoplus.js 

 html页面

<div id="plusvideo"></div>
  mui.plusReady(function(){

	//实例化插件
	var video=new VideoPlus("plusvideo",
	{
	url:"http://onehk-1251146759.cosgz.myqcloud.com/video_171129.mp4", //支持本地视频和网络视频,格式MP4
	img:"https://zs.manyiwl.com/uploads/image/20171231/1514657764.jpg", //网络视频截图封面
	autoplay:false, //是否自动播放视频
	isMobile:true, //是否开启当处于移动网络时,提示用户是否继续播放视频。,不支持浏览器环境
	isFull:false, //是否点击播放就全屏显示
	isFullbutton:true, //是否显示全屏按钮
	prompt:function() //当开启isMobile时,这里可以写提示用户的内容,h5+环境才有效
	{  
		mui.confirm('你当前处于移动手机网络将会消耗手机流量,是否继续播放?', '提示',["取消","确定"], function(e)
		{
			if(e.index == 1)
			{
			  video.play();	
			} 
		});		  
	}
	
	
	});

 

 需要切换视频播放时

 video.getplayUrl({
	url:"http://images.pintuotuo.com/mp4.mp4", //视频链接
	img:"https://zs.manyiwl.com/uploads/image/20171231/1514657764.jpg", //封面截图
	});


 附件是 HBuilder x 的工程

plusvideo20181209.zip | 92.95KB



如果发现360解压或其他软件解压,出现压缩包损坏的提示,请更用 WinRAR 解压

点赞 1      收藏 0

2 个评论

正在加载...

这里空空如也,快来补一刀!

加载更多

回答问题或评论文章请先 或者 注册