资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

html5——多媒体支持(video/audio)

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

海南州网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联于2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。


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 = "播放";         }     }

本文名称:html5——多媒体支持(video/audio)
网页链接:http://cdkjz.cn/article/pdidhj.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220