CSS页面嵌入兼容性视频

嵌入视频,目前使用html5标签

针对

• controls 显示视频操作条 默认：无
• muted 静音模式 默认：正常
• loop 循环播放次数
• autoplay 自动开始播放，默认：否
• preload 略 与autoplay无法
• track 加载字幕，较新的浏览器开始支持，支持情况见下：

track support.png

• source 播放文件格式，之前因版权保护的问题，各家浏览器支持不一，查看W3school各家浏览器目前均支持mp4格式，见下：

support video format.png

在考虑兼容IE8老式浏览器，可采用以下稳妥办法,内容参考Video for everybody GENERATOR：

 
  Download video: MP4 format | Ogg format | WebM format

其中flashVars不太了解，应该是设置参数做交互效果的，应该可删除

同时参照W3有简化版多浏览器支持的代码，见下，未进行测试。来源w3 HTML视频：

真实情况，实际项目此类问题基本上很可能开发时候不会选用此种方式进行开发，so仅仅做个学习供参考和积累。

参考链接：
w3school
video for everybody
w3school CN