h5 video 支持格式,video和audio标签的作用
本文讲诉了H5新属性声音的音频和录像视频的控制，具体如下：
1.音频（audio）
音频控件=控件源src=这里面放入音频文件路径/来源/音频2.视频（video）
视频控件=控件循环=循环自动播放=自动播放id=视频源src=这里面放入视频文件路径/来源/视频按钮静音/按钮按钮打开声音/按钮按钮播放/按钮按钮停止播放/按钮按钮全屏/按钮下面是对于视频文件的控制；
爪哇岛描述语言引出。
脚本变量我的视频=文档。getelementbyid( video )；var BTN=文档。getelementbyid( button )；btn[0].click=function(){我的视频。静音=真；（是否静音：是)}btn[1].click=function(){我的视频。静音=真；（是否静音：否)}btn[2].click=function(){我的视频。play()；（播放)}btn[3].click=function(){我的视频。pause()；（停止播放)} btn[4].click=function(){我的视频。webkitrequestfullscreen()；（全屏显示)}/脚本3.如何设置进度条和视频的播放时长
同步进行。
如图所示：
这里说一下，首先
(1)、需要获取视频的总时长（持续时间)赋值给进度条的最大值，进步。max=视频。持续时间；
(2)、需要获取当前视频播放的当前时间位置（当前时间)赋值给当前进度条的长度，进步。价值=视频。当前时间；
然后在视频播放的同时，要保证进度条的值能够及时获取到视频的时长和当前播放时间位置。
需要开一个定时器setInterval(pro，100)；就是说在一毫秒获取一次视频的数值赋值给进步进度条，这样就能保证及时性。
这样进度条就能和视频的准确的同步了。
4.如何用表单元素 range属性控制视频的音量大小。
1、首先需要获取到范围的价值值，赋给视频的音量上去，才能控制视频的音量大小，
输入type= range min= 0 value= 50 max= 100 id= range /var ran=document。getelementbyid(“range”)；获取范围。值，
赋值给录像的音频属性：视频。音量=范围。值/100;
这时候就能实现简单拖动范围而控制视频的音量了。
然后还需要进去前面的声音关闭判断，两则是独立的事件，所以，需要在拖动事件中进行判断是否是静音静音，然后在进行柔和的设置为错误。
最终实现的代码如下；
！DOCTYPE html html body video id= video 1 controls= controls width= 400 px height= 400 px source src= img/1。MP4 /videodivbutton onclick= enable mute() type= button 关闭声音/button button onclick= disable mute() type= button 打开声音/button button onclick= play vid() type= button 播放视频/button button onclick= pauseVid() type= button 暂停视频/button button onclick= show full() type= button 全屏/buttonbr /span进度条：/span progress value= 0 max= 0 id= pro /progress span音量：/spaninput type= range min= 0 max= 100 value= 50 onchange= setvalue() id= ran //div script var BTN=document。 getelementsbytagname( button )；改变我的视频=文档。getelementbyid(“视频1”)；var pro=文档。getelementbyid( pro )；var ran=文档。getelementbyid( ran )；//关闭声音功能启用静音(){我的视频。静音=真；btn[0].disabled=truebtn[1].禁用=假；}//打开声音功能禁用静音(){我的视频。静音=假；btn[0].禁用=假；btn[1].disabled=true}//播放视频函数播放vid(){我的视频。play()；setInterval(pro 11000)；}//暂停视频函数pauseVid(){我的视频。pause()；}//全屏函数show full(){我的视频。webkitrequestfullscreen()；}//进度条展示函数pro1(){ pro。max=我的视频。持续时间；亲。价值=我的视频。当前时间；}//拖动范围进行调音量大小函数setvalue(){我的视频。体积=冉。值/100；myvideo.muted=false}/脚本/正文/html以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。