ios android 之 html5 video

<video id="video" src="" poster="" width="100%" controls="controls" webkit-playsinline="true"  x-webkit-airplay="true" preload="auto" loop="loop"></video>

1、webkit-playsinline ：ios点开播放默认会全屏，若取消默认需加参数；android点开直接全屏显示

webkit-playsinline="true"  x-webkit-airplay="true" 

2、controls：选择使用默认的播放、暂停、进度条、全屏等按钮，需要设置controls，ios和android样式会有区别，但区别不大

controls="controls"

3、可以使用的事件及方法

document.getElementById('video').addEventListener('play') //监听播放事件
document.getElementById('video').play(); //控制播放动作
document.getElementById('video').addEventListener('pause')   //监听暂停事件
document.getElementById('video').pause(); //控制暂停动作