1
jquery上传视频,并截取视频第一帧做封面主图同步上传(附完整在线实例)

CDes本文,站长和大家分享一个我们日常web开发中会用到的实例:jquery做的视频上传,并获取视频的第一帧当作视频的主图同步上传。文章的最后会有完整的在线实例演示提供给大家,不想看站长啰嗦的可以直接拉到文章的最后,去看在线实例。我们要做的视频,及封面同步上传,需要实现以下几点:可以拖拽上传;上传之前可以预览视频,及截取到的封面;要使用jquery里的ajax来上传;下面,站长和大家来一步步的说,要如何完成:为了方便你阅读,在这里展示的只有核心的代码,其它的,如CSS样式的控制,上传前所选文件的类型及大小的判断等,都不再显示!第一步:部署相关的HTML代码:可把图片直接拖拽到这里上传html代码很简


2
用videojs让HTML5视频在移动端全屏的方法

CDes站长最近做的一个WEB项目里,有个栏目是视频展示,站长排版用的是bootstrap,让网页自适应,在电脑端的时候,显示四列,每行四个视频,在移动端的时候,显示两列,在电脑端无所谓,显示四列视频已经能看清视频的内容了,关键是在移动端。站长在测试的时候,用微信打开,不用任何的设置,视频会自动全屏,但用浏览器打开,就不行了,并且因为视频太小,播放器上自带的那个全屏按钮也看不到,在网上找了好多好多的资料,但真真的是内容都一模一样,就连测试都可能没人测试过吧。站长自己把相关内容整理一下,一个是自我学习的过程,另一个也是方便其他遇到和站长同样问题的朋友们,希望能帮你们节省不少的时间。虽然代码也是从网上找来


3
HTML5里video的相关属性、方法及事件整理[附完整在线实例演示]

CDes站长最近做的一个WEB项目里,需要显示相关的视频,这就用到了HTML5里的video标签,站长在查找和学习其相关的事件,属性时,需要在网上找多篇文章一起看,才能“看全”,十分的不方便,站长就在这里总结整理一下,同时也是一个学习的过程。一:HTML5里VIDEO标签的使用示例:通常,我们对视频的要求不高的话,直接像上面这样来引入视频就行了。二:video标签的相关属性:src :视频的地址poster :视频封面图片,值为图片的路径 autoplay :autoplay="autoplay" ,视频在就绪后马上播放 preload :预加载,值为:auto/meta/no


4
jquery里跳出each循环的方法及实例

CDes我们知道在js里,如果我们要跳出for循环或者while循环的话,可以用continue或break:continue:跳出当前循环,进入下一个循环;break:跳出所有循环而在jquery里,我们只有一个each循环,那么在each循环里,我们要如何跳出循环的话,可以用return true或return false:returntrue:相当于js里的continue跳出当前循环,进入下一个循环returnfalse:相当于js里的break跳出所有循环下面来看两个具体的实例:第一个实例,是站长在做jquery上传时用到的,根据选择不同的文件类型,来显示不同的图标:varGetIco=fu


5
video.js动态加载视频的方法和在线实例演示

CDes今天站长做一个小项目时,需要动态的加载视频,到网上找了半天,也没有找到百分百正确,复制过来就能用的方法,站长就只好自己研究了下,并把具体的方法和步骤分享给大家,让需要“videojs动态加载视频”的朋友可以少走些弯路。下面是站长准备的一个在线实例演示:video.js动态加载视频在线演示下面是具体的代码://视频地址 varsrc="03.mp4"; $("#aijquery").on("click",function(){ varPlayer=videojs("my-video",{},function(){


6
video.js插件使视频自适应容器的宽高的方法

CDesvideo.js插件是非常流行的一款HTML5视频插件,那么我们在使用此插件时,如何让我们网页里的视频能自适应容器的宽高呢?其实是非常简单的,就是给视频加上样式“vjs-fluid”就行了: 浏览器不支持HTML5视频播放 一般不要限制容器的高度 只限制宽度,这样高度就能自适应!


7
用requirejs来加载video.js插件的方法

CDesrequirejs插件是一款用来优化网页js文件加载的插件,有需要了解的朋友,可以关注本站的requirejs插件专题:RequireJS插件本文站长和大家分享在我们的网页里,如何用requirejs插件来加载video.js插件,下面是站长准备的一个在线实例演示:requirejs加载video.js在线演示下面站长来具体说下如何在我们的网页里用requirejs插件来加载video.js插件:第一步:在我们的网页里引入requirejs插件的源文件:第二步:配置require.config:require.config({ paths:{ "jquery":"


8
video.js—插件下载及使用方法手册

CDesvideo.js是一款使用起来非常简单,并且十分流行的HTML5视频插件,如果我们的网页里需要显示视频,那么就用这个video.js插件,会非常容易的在我们的网页里显示视频。下面是站长准备的一个简单的在线实例演示:video.js-在线播放视频实例演示video.js的官网地址:http://videojs.com/video.js的Github地址:https://github.com/videojs/video.js//这里下载的都是未编译的源码video.js的免费CDN加速地址:http://www.bootcdn.cn/video.js///这里有各个版本的video.js除了可以直