利用h5标签video来播放视频

电脑端和手机端都可以用： //webm视频格式是稳定支持的，格式工厂提前转码。

标签：<video id="player" controls="true" preload="auto" loop="loop" style="margin-left:9px"/>

设置好标签还要初始化一下视频屏幕大小，可以参考：

js获取手机屏幕宽度、高度
网页可见区域宽：document.body.clientWidth 
网页可见区域高：document.body.clientHeight 
网页可见区域宽：document.body.offsetWidth (包括边线的宽) 
网页可见区域高：document.body.offsetHeight (包括边线的宽) 
网页正文全文宽：document.body.scrollWidth 
网页正文全文高：document.body.scrollHeight 
网页被卷去的高：document.body.scrollTop 
网页被卷去的左：document.body.scrollLeft 
网页正文部分上：window.screenTop 
网页正文部分左：window.screenLeft 
屏幕分辨率的高：window.screen.height 
屏幕分辨率的宽：window.screen.width 
屏幕可用工作区高度：window.screen.availHeight 
屏幕可用工作区宽度：window.screen.availWidth

调用代码：

function videoPlay(videoUrl,coverImgUrl){
	 var player=document.getElementById("player");
	 player.setAttribute("height", $(window).height()+"");
	 player.setAttribute("width", $(window).height()/9*16+"");
	 player.setAttribute("poster", coverImgUrl+"");
	 player.setAttribute("volume", "0.5");
	 player.setAttribute("src", videoUrl+"");

function getVideoprogress() {
    setTimeout(function () {
    var vid = document.getElementById("player");
    var currentTime=vid.currentTime.toFixed(1);
    if(currentTime==1200){
    // 触发
    return false;
    }
    console.log(currentTime);
    getVideoProgress();
    }, 50);
    }