[html5]html5视频音频API说明

[html5]html5视频音频API说明

video和audio属性： 
    Autoplay    视频就绪自动播放 
    controls    向用户显示播放控件 
    Width       设置播放器宽度             //audio没有 
    Height      设置播放器高度         //audio没有 
    Loop        播放完是否继续播放该视频，循环播放 
    Preload     属性描述了在页面加载后是否预加载音视频; 
                如果设置了 autoplay 属性，则忽略该属性; 
                属性值： 
                    none:不执行预加载也不执行元数据 
                    mete:加载元数据(不加预载视频，但要获取视频时长等等属性) 
                    auto:默认值（预加载或缓冲） 
    Src         视频url地址 
    Poster      加载等待的画面图片 
 
 
Video  API方法 
    play() 
    pause() 
    load() 
    全屏:   webkit    element.webkitRequestFullScreen(); 
            Firefox    element.mozRequestFullScreen(); 
            W3C        element.requestFullscreen(); 
    退出全屏： 
            webkit    document.webkitCancelFullScreen();  
            Firefox    document.mozCancelFullScreen();  
            W3C       document.exitFullscreen(); 
 
 
Video  API属性 
    currentTime  :  开始到播放现在所用的时间 
    duration  :  媒体总时间(只读) 
    volume  :   0.0-1.0的音量相对值 
    muted  :   是否静音 false /true 
    paused  :   媒体是否暂停(只读) 
    ended   :   媒体是否播放完毕(只读) 
    error   :  媒体发生错误的时候，返回错误代码 (只读) 
    currentSrc  :   以字符串的形式返回媒体地址(只读) 
 
            loadstart progress suspend emptied stalled play pause loadedmetadata                                    loadeddata waiting playing canplay canplaythrough seeking seeked  
            timeupdate ended ratechange durationchange volumechange 
 
 
HTML5支持的音频格式： 
 
    Ogg        免费   支持的浏览器:C、F、O 
    MP3        收费   支持的浏览器: I、C、S 
    Wav        收费   支持的浏览器: F、O、S 
 
 
    audio   属性   
        autoplay    自动播放 
        controls    向用户显示播放控件 
        loop        循环 
        preload 是否等加载完再播放 
        src     要播放的音频的 URL。 

相关推荐：html5在线课堂专栏（含基础课程/视频教学/html5免费视频教学/html5教语法）