JS设置当前网页的音量

 时间:2026-02-15 21:11:57

1、创建如下结构的测试环境

     -- Video

         -- 123.mp3   (随便找一个mp3文件即可)

         -- HTMLPage1.html

JS设置当前网页的音量

2、添加H5的audio标签

JS设置当前网页的音量

3、将页面在浏览器中运行,此时将看不到任何播放的界面,也听不到声音

JS设置当前网页的音量

4、【显示播放控件】在video标签上添加controls="controls",即可看到播放控件

JS设置当前网页的音量

JS设置当前网页的音量

JS设置当前网页的音量

5、【添加自动播放】在video标签上添加autoplay="autoplay",打开页面即可自动播放

     注:自动播放在IE中有效果,此次测试的Chrome版本=68.0.3440.106没有自动播放

JS设置当前网页的音量

JS设置当前网页的音量

JS设置当前网页的音量

6、【设置音量】通过JS找到这个video标签,设置volume属性的值(0.0~1.0之间的值),下面是IE浏览器效果

JS设置当前网页的音量

JS设置当前网页的音量

JS设置当前网页的音量

7、Chrome浏览器效果如下

     由于Chrome默认没有显示音量进度条,所以,界面看得不明显,但是可以在播放时感受到音量的变化

JS设置当前网页的音量

  • premiere的抖动溶解转场效果怎么制作
  • 旅拍视频技巧
  • Mac如何安装Maya教程
  • 魅族Flyme4.0:[10]如何关闭或开启自启动
  • ae怎么制作黑白画面特效?
  • 热门搜索
    连云港旅游 长沙旅游攻略 日照旅游攻略 秦皇岛旅游 安徽旅游景点 河北旅游景点 西宁旅游攻略 北京旅游地图 美国旅游签证 韩国旅游