第一步:首先下载video.js,百度一下就能找到。
这个是下载后的目录。
第二步:先把要用到的js\css\swf都加载到html页面上。
如:
videojs.options.flash.swf = "video-js/video-js.swf";
第三步:加入下面的代码:
只要记住:修改width="640" height="480"来改变视频显示大小,修改src="Wildlife.mp4"来改变要显示的视频。
第四步:然后打开html文件查看效果吧,它有暂停、音量控制、全屏等功能,还有好多其他功能,比如字幕等,这个以后再写。
第五步:全屏后的效果:
一个是直接插入网上的上传后的视频,首先点击开任意一个视频网站下面的分享好友,我是拿优酷为例,html代码复制粘贴到代码里面就是可以显示,例如
还有一个就是本地的视频,这个要放到自己的根目录文件夹下面,