长沙网站开发_TP中PC与手机端视频播放功能二次开发

发布日期:2017-03-17 14:30

在使用ThinkPHP进行长沙网站开发中,发现新闻中的视频文件都不能正常播放。在DWPCMS开发的项目中存在同样问题,但PC端能正常播放。DWPCMS和TP的视频播放都是使用flash播放器,但Android(安卓)4.1以后,Adobe不再支持手机flash插件。故而用手机访问电脑版网页时,因缺乏官方支持难以保证flash正常运行。

研究发现HTML5中新增的video标签有播放视频的功能,现在主流的浏览器都能很好的支持HTML5,且video标签在PC端和移动端都能够使用,但仅支持mp4,ogg,webm3种格式,所以对视频源文件有一定的要求。

现以kindeditor编辑器(ThinkPHP)为例说明下视频播放的解决方法:

1.文件上传大小控制(修改后需要重启服务器):

①Php.ini文件中:file_uploads = On -- 开启文件上传功能;

upload_max_filesize = 2M -- 上传文件大小最大值,默认为2M;
post_max_size = 8M -- post数据传输文件最大值,默认为8M;
memory_limit = 128M -- 运行内存大小最大值,默认为128M;
另外还有:max_execution_time = 120 -- 脚本最大运行时间,默认120s。

②后台配置文件中编辑器允许上传文件大小及后缀设置,如下图:

2.程序处理:使用正则将原数据中embed标签替换成video标签并可以自定义添加封面图片;

3.模板中调用:

经过以上处理之后,PC与手机端便都能够正常播放视频。视频播放处理方式有很多种有兴趣的朋友可以研究一下腾讯、优酷等大型视频网站的处理方法,另外也可以直接从编辑器中进行修改。

以上信息由长沙网站建设--长沙蒲公英网络收集与整理,禁止用于任何商业行为