去掉html5进度条 html5 进度条

HTML5的audio标签,可以去掉或者隐藏进度条吗

在一些情况下，开发者可能希望去掉H5App中的进度条，以提高用户体验或者符合应用程序的设计需求。

css隐藏原生html5 video controls，这么设置后即使没有设置controls为false，native controls也不会再出现。其他的按钮，包括播放按钮、播放进度条、静音按钮、音量条等，都可以像全屏按钮一样自定义样式。不止是隐藏。

编写问题基础代码。在index.html中的script标签中，输入js代码：。if (navigator.userAgent.match(/mobile/i)) { (video).hide()；} 浏览器运行index.html页面，此时在移动端中成功隐藏了video标签的控件。

相关问答

Q1: 安卓手机浏览器改ua看html5视频的进度条问题

友友你好！观看html5的视频只需将浏览器UA改成“iPhone”即可正常观看，设置方法：菜单-设置-高级设置-浏览器表示UA。若需观看普通网页中flash视频，则无须修改UA。

首先需要安装opera mobile浏览器 在opera mobile浏览器的地址栏里输入“opera：config”，并点击回车进入。

我用的也是3系统，如果看优酷视频、爱奇艺视频，建议使用百度手机浏览器＋天天影音，尤其是优酷超清视频，用百度手机浏览器也可以看，而系统浏览器改iPad ua看不了超清视频。

播放不了是因为手机浏览器不支持html5的这个video新特性。

友友您好！小米手机强制浏览器播放html5视频，凡是小米手机，看优酷视频，请切换浏览器ua为chrome就可以正常观看。

Q2: 如何用html5在网页上设置进度条

/section 从HTML结构中我们可以看出，类名为progress的div是整个进度条的父容器，里面的span则是当前进度，通过width来定义不同的进度值，同时定义不同的颜色类，比如orange，以便待会在CSS中进行样式渲染。

这个可以用html5实现，也可以做成gif的图片，你只需要设置为和你程序设置一样的时间然后进度条自动结束就好了。

我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮。然后，我们需要设置一下进度条显示的进度。

提供思路：(暂无电脑)进度条用两个嵌套组成：内外div，内用来显示进度条进度，外用来包含整个进度条。

Q3: 在移动端怎么将HTML5中的video标签的控件去掉或者隐藏

1、不写controls属性就可以。没错，就这么简单~！隐藏了它自带的控制条。然后再用标签模拟控制块，就可以了。当然需要js配合。

2、可以通过更改#document片段的CSS来实现这一点，这些是DOM1规范，所有浏览器都支持。

3、安卓padvideo组件去掉控件加一个属性就可以了。隐藏播放控件，video全屏的处理，只需在video标签加个webkit-playsinline属性即可。

4、移动端h5开发的技术框架是由SQL+CSS3+html5+UI，聚创客移动端h5开发周期7-15个工作日，开发一套h5的成本是一千到一万，根据h5的功能确定价格。

5、只要去掉controls 这个参数就可以了，例子：123video width=352 height=264 controls autobuffersource src=.. type=video/mp4/source/video 实现点击按钮控制音乐的播放和暂停。

去掉html5进度条的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于html5 进度条、去掉html5进度条的信息别忘了在本站进行查找喔。