H5 video视频已经加载，但是不能播放。

Question

1、使用h5原生标签<video>，监听了oncanplay事件，并且也load了， 但是就是执行play以后视频依旧不播放，还是停留在刚加载好的那一帧。
2、代码：

<video  id="roomVideo"  type="application/x-mpegURL"  style="margin-top:22px;"  class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="allow" autoplay webkit-playsinline poster="" webkit-playsinline playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" preload="auto" >
        <source src=" http://live.hkstv.hk.lxdns.com/live/hks/playlist.m3u8" type="application/x-mpegURL">
        </soure>
        正在加载中……，请稍等
    </video>
    
    var video = document.getElementById('roomVideo');
    video.style.display = 'none';
    video.oncanplay = function(){
        video.load();
        video.play();
    }

    video.error = function(){
        alert("加载失败");
    }

    video.waiting = function(){
        alert("当视频由于需要缓冲下一帧而停止");
    }

    video.ratechange = function(){
        alert("视频的播放速度已更改");
    }

    video.play = function(){
        alert("视频已开始或不再暂停");
    }

Answer 1

play用touch事件触发或者放到wxready里回调加载。