简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

在HTML中，每當視訊/音訊的音量變更時執行腳本？

WBOY
發布： 2023-09-03 11:53:09
轉載
1138 人瀏覽過

在HTML中，每當視訊/音訊的音量變更時執行腳本？

onvolumechange 屬性在使用者更改網頁上造訪的影片或音訊的音量時觸發。這個改變可以是音量增加、音量減少、靜音等。

範例

您可以嘗試執行以下程式碼來實作 onvolumechange# 屬性 -

<!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>
登入後複製

以上是在HTML中，每當視訊/音訊的音量變更時執行腳本？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
html 腳本 體積 變化 視訊/音訊
來源：tutorialspoint.com
上一篇：設定HTML中圖示的大小 下一篇：如何在HTML中建立一個有序列表，其中列表項目使用大寫羅馬數字編號？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
透過新增 Width 屬性將內容向左移動 我已經為主體提供了邊距。主要{左邊緣：200px;右邊距：200px；文本對齊：居中}由於我想以兩行而不是一行顯示文本，因此我在樣式中添加了width屬性。 .p{字體大小：12p...
來自於 2024-04-06 22:01:35
0
3
816
頁面突然無法拉動 css 或 bootstrap 所以我正在開發一個頁面，我昨天做了一部分，效果很好，今天我繼續做剩下的部分，一切都很好。當我嘗試將其作為普通html頁面打開時，CSS或BOOTSTRAP不起作用，僅顯示頁面文本，...
來自於 2024-04-06 21:58:04
0
1
800
匹配單字的正規表示式 我有一個腳本，我試圖將新的職位名稱與資料庫中的現有職位名稱進行配對。 SELECTa.titleASJobTitle,j.DescriptionASMatchedJobTitle,...
來自於 2024-04-06 21:24:04
0
1
606
有沒有辦法強制彈性框中的文字垂直居中，無論我們有什麼其他 CSS 程式碼？ 我有以下CSS程式碼，它是我正在開發的網站中使用的更大CSS程式碼的一部分：.cards-u{display:flex;flex-wrap:wrap;justify-content...
來自於 2024-04-06 20:41:51
0
1
518
使用MySQL SQL查詢計算另一張表中欄位的總和 我有一個這樣的模式：具有屬性“user_id”和“username”的用戶表以及具有屬性“customer_id”（user_id的FK）和“finalPrice”的訂單表資料庫架...
來自於 2024-04-06 19:39:29
0
1
441
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！