关于video标签移动端开发遇到的问题，获取视频第一帧，全屏，自动播放，自适应等问题...

最近一直在处理video标签在IOS和Android端的兼容问题，其中遇到不少坑，绝大多数问题已经解决，下面是处理问题经验的总结：

   1.获取视频的第一帧作为背景图；

      技术：canvas绘图

     

window.onload = function(){
   
   var video = document.getElementById('video');
   //使用严格模式
   'use strict';
   //第一帧图片与原视频的比例
   var scal = 0.8;
   //监听页面加载事件
   video.addEventListener('dataLoad',function(){
   
     //创建一个画布
     var canvas = document.createElement('canvas');
     canvas.width = video.style.width*scal;
     canvas.height = video.style.height*scal;
     //绘制图片
     canvas.getContentext('2d').drawImage(video,0,0,canvas.width,canvas.height);
     //设置标签的poster属性
     viseo.setAttribute("poster",canvas.toDataURL("imag