学做网站培训课程介绍

当前位置:

JS控制VIDEO标签播放视频音频初始音量

学习了HTML教程,我们知道,现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。

VIDEO标签播放视频音频

video标签播放代码如下:


<video id="shipin" src="kc.mp4" controls="controls">
您的浏览器不支持 video 标签。
</video>

使用这种video播放视频时,它的默认初始音量为100%,如果想控制VIDEO播放视频音频初始音量,可以使用以下的JS代码:


<script>document.getElementById("shipin").volume = 0.2;</script>

通过这段JS代码,可以控制视频音频初始音量为20%,可以根据自己需要进行设置。

《“JS控制VIDEO标签播放视频音频初始音量”》 有 3 条评论

  1. 学习建网站学员 wxd007说道:

    如何默认开启声音呢,我使用的是video,打开视频的时候,喇叭是默认关闭状态的

    • 学习建网站学员 INnovation说道:

      你看你是不是给video加了muted属性.这个属性的意思的静音,加了就默认静音了

  2. 学习建网站学员 davdeyang说道:

    这是原生video标签的 参数的值进行调整,
    请问 如何video标签属性默认的controls 不加 自定义控件 这个音量控件
    首先我的第一个问题是 如何自定义控件 ?
    是从js插件中下载 还是?
    第二个问题是 假设第一个问题已解决
    如何操作控件的拉伸来控制音量呢

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 如果我们的网站有港澳台的用户,那么网站特别好是能支持文字简繁互转,这样做能方便不同用户更好的阅读网站内容。那么如何在自己做网站时,实
  • 我们都知道在做网站时,加载的文件越少速度就会越快,包括CSS、JS、图片、数据库等等,特别是门户网站建设更是如此。要减少这些文件的载入,特别
  • 在网站布局过程中,运用div+css的布局是特别有利的,通常我们需要对一个div层进行居中处理,那么如何通过css属性对它进行控制呢:下面分享一个建网页
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下如何使用一个CSS样式来控制多个DIV。在网页制作过程中,写CSS追求代码简洁,如果多个
  • 学习了HTML教程,我们知道,现在可以直接使用video标签来播放视频、音频。例如学做网站论坛的所有零基础建站教程都是采用HTML5的video标签来播放的。
  • HTML video视频标签 (114844 次浏览)
    video视频标签作用HTML5之前,如果想在网站上添加一个视频,常用的方法就是使用FLASH。HTML5之后,除了使用FLASH之外,还可以使用 video视频标签来
  • HTML 文本格式化:使用 pre 标签对空行和空格进行控制。“计算机输出”标签:这些标签常用于显示计算机/编程代码。引用标签:使用 blockquote
  • HTML文字倾斜标签是什么 (133611 次浏览)
    HTML文字倾斜标签是什么?我们在做网站时,有的文字需要倾斜显示,这时就需要使用HTML文字倾斜标签了。HTML斜体标签:HTML 斜体标签元素知识与
  • 通常我们要在自己做的网站上放视频方法就是将自己的视频先上传到优酷,土豆等一些大的视频网站,然后再将优酷,土豆上的视频通过分享代码嵌入自己的网
  • 默默无闻的网页我们看了成千上万,怎么让自己做网页能发声呢,来试试给网页添加一些背景音乐吧。(相关教程:如何在网页里添加背景音乐)网页中添加
  • 网页如何添加视频动画 视频教程 (1107243 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另
  • 从特别基本的什么是网站域名,什么是网站空间讲起,到如何建各种类型的网站。培训课程都是一步步实际操作给大家看,特别的详细,(不像有的教程光讲理
  • 我们做手机WAP移动站时,需要使用meta标签做网站初始化设置,这样手机网站就会符合手机浏览界面了。以下是移动站meta标签怎么做网站初始化设置。