简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

In HTML, execute a script whenever the volume of a video/audio changes?

WBOY
Release： 2023-09-03 11:53:09
forward
1139 people have browsed it

In HTML, execute a script whenever the volume of a video/audio changes?

onvolumechange property fires when the user changes the volume of a video or audio accessed on a web page. This change can be volume increase, volume decrease, mute, etc.

Example

You can try running the following code to achieve onvolumechange Attribute -

<!DOCTYPE html>
<html>
   <body>
      <h2 id="test">Play</h2>
      <video id = "myid" width = "320" height = "176" controls onvolumechange = "myFunction()">
         <source src = "/html5/foo.ogg" type = "video/ogg" />
         <source src = "/html5/foo.mp4" type = "video/mp4" />
         Your browser does not support the video element.
      </video>
      <script>
         function myFunction() {
         document.getElementById("test").innerHTML = "Volume changed";
         }
      </script>
   </body>
</html>
Copy after login

The above is the detailed content of In HTML, execute a script whenever the volume of a video/audio changes?. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
html Script Volume Variety video/audio
source：tutorialspoint.com
Previous article：Set the size of icons in HTML Next article：How to create an ordered list in HTML where the list items are numbered using uppercase Roman numerals?
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Move the content to the left by adding the Width property I have provided margins to the body. main {left margin: 200px; right margin: 200px; text a...
From 2024-04-06 22:01:35
0
3
816
The page suddenly cannot pull css or bootstrap So I'm developing a page, I did part of it yesterday and it worked great, and today I cont...
From 2024-04-06 21:58:04
0
1
800
Regular expression to match words I have a script where I am trying to match new job names with existing job names in a data...
From 2024-04-06 21:24:04
0
1
606
Is there a way to force the text in the flexbox to be vertically centered, no matter what other CSS code we have? I have the following CSS code that is part of a larger CSS code used in a website I'm deve...
From 2024-04-06 20:41:51
0
1
518
Calculate the sum of fields in another table using MySQL SQL query I have a schema like this: User table with attributes "user_id" and "userna...
From 2024-04-06 19:39:29
0
1
441
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！