·您当前的位置:首页 > 技术教程 > Html5技术 >

[html5]音量静音设置和音量属性设置或返回音频/视频的当前音量

时间:2016-07-06 11:18酷播
[html5]音量静音设置和音量属性设置或返回音频/视频的当前音量

[html5]音量静音设置和音量属性设置或返回音频/视频的当前音量

  1. <!DOCTYPE html>  
  2. <html>  
  3. <body>  
  4.  
  5. <button onclick="getVolume()" type="button">音量是多少?</button> 
  6. <button onclick="setHalfVolume()" type="button">把音量设置为 0.2</button> 
  7. <button onclick="setFullVolume()" type="button">把音量设置为 1.0</button> 
  8. <br /> 
  9. <br /> 
  10. <video id="video1" controls="controls"> 
  11.   <source src="../example/html5/mov_bbb.mp4" type="video/mp4"> 
  12.   <source src="../example/html5/mov_bbb.ogg" type="video/ogg"> 
  13.   Your browser does not support HTML5 video. 
  14. </video> 
  15.  
  16. <script> 
  17. myVid=document.getElementById("video1"); 
  18. function getVolume() 
  19.   {  
  20.   alert(myVid.volume); 
  21.   }  
  22. function setHalfVolume() 
  23.   {  
  24.   myVid.volume=0.2; 
  25.   }  
  26. function setFullVolume() 
  27.   {  
  28.   myVid.volume=1.0; 
  29.   }  
  30. </script>  
  31.  
  32. </body>  
  33. </html> 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器