重庆分公司,新征程启航

为企业提供网站建设、域名注册、服务器等服务

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://cqcxhl.com/article/ceghpc.html

其他资讯

在线咨询
服务热线
服务热线:028-86922220
TOP