Question

我想使用HTML5視頻標籤，但在這種情況下，我想只有音量控制......請幫我

<video controls id="myMovie" width="600" height="600" loop preload="auto" > 
<source src="any file.mp4" type='video/mp4' /> 

<source src="any file.mp4" type='video/mp4' />   
     Your browser does not support the video tag. 
</video> 

Answer 1

我不知道你是否能有選擇地隱藏控件，但有辦法做到這一點。

您可以通過從視頻元素中刪除controls屬性來隱藏所有控件。

演示在這裏：http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop

然後，您可以使用自己的按鈕來增加或使用JavaScript降低音量。你可以在這裏的示例代碼：

https://msdn.microsoft.com/en-us/library/ie/hh924823%28v=vs.85%29.aspx

JS：

// volume buttons 
document.getElementById("volDn").addEventListener("click", function() { 
    setVol(-.1); // down by 10% 
}, false); 
document.getElementById("volUp").addEventListener("click", function() { 
    setVol(.1); // up by 10% 
}, false); 


// change volume based on incoming value 
    function setVol(value) { 
     var vol = video.volume; 
     vol += value; 
     // test for range 0 - 1 to avoid exceptions 
     if (vol >= 0 && vol <= 1) { 
      // if valid value, use it 
      video.volume = vol; 
     } else { 
      // otherwise substitute a 0 or 1 
      video.volume = (vol < 0) ? 0 : 1;       
     } 
    }