HTML5 学习笔记10-音频视频

audio定义声音；video定义视频；source规定多媒体资源可以是多个；control属性提供添加播放、暂停和音量控制

1、HTML5音频播放

    <audio src="fanwei.mp3" id="audioid">您的浏览器不支持</audio>
    <button οnclick="play()">播放/暂停</button>
    <script>
        var a=document.getElementById("audioid");
        function  play(){
            if(a.paused){
                a.play();
            }else{
                a.pause();
            }
        }
    </script>

2、HTML5音频视频-编解码工具

推荐：FFmpeg     www.ffmpeg.org

3、HTML5视频播放

    <video  controls width="640px" height="480px">
        <source src="ad.ogv" type='video/ogg; codecs="theora, vorbis"'/>
        <source src="ad.webm" type='video/webm'>
        <source src="ad.mp4" type='video/mp4'>
        <p>Video is not visible, most likely your browser does not support HTML5 video</p>
    </video>