JS控制HTML5媒体播放与暂停，及Chrome兼容的视频格式

嗨！嗨！嗨！嗨起来

正常播放

最近写了个小Dome，在Chrome和微信上播放视频和音乐，并通过按钮控制他们的播放和暂停。
经测试，目前Chrome和微信对 Html5的video/audio Tag支持良好。
嵌入背景音乐

<audio id="backAudio" src="h5bg2.mp3" autoplay="autoplay" preload="auto" loop="loop"></audio>

嵌入视频

<video id="myVideo" width="100%" height="100%" preload="auto" controls="controls">
<source src="video.mp4" type="video/mp4"/>Your browser does not support the video tag.
</video>

简单的一段代码就可以完成基本需要

上图是在Chrome下是测试效果，播放键、进度条、时间点、音量一应俱全。
大概你会问··············“为啥画面是黑的，难道博主你的视频是黑夜模式吗？伸手不见五指···”
咳咳，当然不是啦，我有这么无聊么········来来来，言归正传
目前Chrome是支持MP4的，没错，可是有多少人与我之前一样认为MP4就是MP4，哪想MP4还分DivX和H264，而Chrome只支持H264。咳咳，所以····我的解决方法目前就在转码，哈哈哈哈，不要打我，毕竟我是白痴，解决问题才是当务之急。

看，现在完美了吧，哈哈哈，在手机上效果也是一样的，特别是微信，哎，你懂的，难缠的微信【无奈】
来来来，感受下微信上的效果

播放键、进度条妥妥的，音量用自带的音量键就可以搞定，这点上，微信还是稍微有点人性的。

JS动态控制播放与暂停

关键代码

myVideo.get(0).play();//动态播放、暂停视频【一定要有.get(0)】
myVideo.get(0).pause(); 

    backAudio_btn.on('click',function(){
        if (!backAudio.paused) {
            backAudio.get(0).pause();
            backAudio.paused = true;
        }else{
            backAudio.get(0).play();
            backAudio.paused = false;
        }      
    });