html5——多媒体支持（video/audio）-创新互联

在html5规范之前，如果希望在网页上播放视频、音频，通常都需要借助于第三方插件，比如FLASH，除此之外，开发者也可以自主开发多媒体播放插件，但是无论哪种方式，都需要在浏览器上安卓插件，HTML5新增了两个元素，开发者可以通过两个元素在html页面上播放音频视频。

成都创新互联公司是一家集网站建设,灵山企业网站建设,灵山品牌网站建设,网站定制,灵山网站建设报价,网络营销,网络优化,灵山网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

audio video支持的属性

属性名	说明
src	指定播放视频音频的URL地址
autoplay	音频视频加载完成后会自动播放
controls	显示播放控制条
loop	重复播放
preload	预先加载
poster	播放之前，该元素将会显示该属性所指定的图片
width	视频播放器的宽度
height	视频播放器的宽度

HTMLAudioElement 与HTMLAudioElement的属性

属性名	说明
currentTime	返回播放器当前所处的时间点
paused	true表示暂停
played	播放状态
startTime	返回播放器播放音频视频的开始时间，通常返回0

audio、video元素所持有的事件

事件	说明
onpause	暂停触发该事件
onplaying	正在播放触发该事件
onerror	加载数据出错是触发该事件
onplay	开始播放时触发该事件

    
    
    


 视频播放 

您的浏览器不支持video元素


秒

    var bn = document.getElementById("bn");
    var mv = document.getElementById("mv");
    var detail = document.getElementById("detail");
    // 为video元素的ontimeupdate事件绑定监听器
    mv.ontimeupdate = function()
    {
        detail.innerHTML = mv.currentTime + "/" 
            + mv.duration;
    };
    bn.onclick = function()
    {
        if(mv.paused)
        {
            mv.play();
            bn.value = "暂停";
        }
        else
        {
            mv.pause();
            bn.value = "播放";
        }
    }

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

分享题目：html5——多媒体支持（video/audio）-创新互联
转载来于：http://cxhlcq.com/article/ceghpc.html