1. 低版本webview中事件不觸發的問題

在低版本的webview中如果我們使用video的on媒介事件，如onplay,onended,onwaiting等等，這些事件可能會觸發不了；

var video = document.getElementById('video');

video.onplay = function(){
};
video.onended = function()  
};
video.onwaiting = function(){   
};
video.ontimeupdate = function(){    
};

其實解決很簡單，就是把on事件改成addEventListener事件

var video = document.getElementById('video');

video.addEventListener('play', function(){

});
video.addEventListener('ended', function(){

});
video.addEventListener('waiting', function(){

});
video.addEventListener('timeupdate', function(){

});

2. 如何隱藏video的controls
給video元素新增一個偽類選擇器即可

video:
 
:-webkit-media-controls {
  display:none !important;
}

3. 低版本webview中poster屬性無效，無法顯示封面的解決方案

<video src="/video/video.mp4" poster="/images/poster.png" >
</video> 

低版本webview中即使設定類poster屬性，但是也可能顯示不了封面，解決辦法可以設定一個div，然後把封閉作為背景圖片即就可代替預設的封面顯示，最後每次在點選視訊播放的時候，把這個div新增hide樣式隱藏即可達到效果

<div class
 
="video-wrapper">
    <div class="poster"></div>
    <video src="/video/video.mp4" poster="/images/poster.png" ></video> 
</div>