【web性能优化】视频类优化（慕课网笔记）

video标签的优缺点

优点：不需要下载额外资源 

（比如：flash播放器需要下载. swf辅助插件），控制简单有效较为完整的api

缺点：每个浏览器的外观不一样

flash播放优缺点

优点：兼容性好，只要有flash player播放器插件，都可以进行播放

缺点：

　　1.需要下载额外的 swf 播放文件才可以播放，浏览器必须有flash player插件

　　2.flashplayer 版本的碎片化

　　3.UI定制需要写 as

flash + htll5想结合

比较好的案例

自定义播放器

https://gitee.com/chenchenjoke/imooc/tree/master/public

 

 视频第一时间加载出来

1.把初始化的播放器的代码的执行顺序提前

2.把播放器播放时所需要的资源提前

 

常用的播放器

1、videojs官网：https://videojs.com/getting-started/

2、flowplayer 官网：http://flowplayer.org/

浏览器会把多媒体资源放在最后加载 ， 如图

 

 使用link样式表形式改善后

 

 

 

 

 

304（未修改）也就是说从浏览器内存中获取的