繁体   English   中英

如何在HTML5视频标签上仅添加音量控件

how to add only volume controls on HTML5 video tag

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我想使用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>
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;                        
        }
    }
1 自定义HTML5视频-仅显示音量控件

我想自定义html5视频,只显示音量控件,我希望它在加载时自动播放,并隐藏其余控件。 我也想在最后显示再次播放按钮。 所有帮助表示赞赏! 谢谢! ...

2 HTML5视频标签音量控制丢失

我网站上的HTML5视频中的音量控制没有出现,请参见截图: 视频在启动时播放,但没有任何声音。 视频在VLC和Windows Media Player中也可以很好地播放(有声)。 我已经在Chrome(65.0.3325.162),Firefox(59.0.1)和Android(在三 ...

3 如何在视频标签中显示音量控件?

代码: 在Chrome 67之前,有一个音量控件,因此用户可以调高或调低音量: 从Chrome 67开始,用户只能静音或取消静音: 我需要它,因为它用于没有物理音量按钮的大触摸屏上。 它可能在controlslist ,但是唯一可用的值是nofullscreen ...

5 为什么有时只在音频标签上显示音量控件?

有谁知道为什么音量控制不在此页面上显示,而是在此页面上显示? 我知道音频元素是由浏览器解释的,但是Chrome用于在第一个链接的页面上显示播放器的音量控件。 我真的很想在这里进行音量控制,并且想知道是否有任何方法可以确保该控件与带有controls属性的其余控件一起显示。 ...

6 HTML5视频控件(仅音量)

所以我正在一个网站上。 我想附上完整的背景视频。 我唯一不知道的是如何设置控制面板。 如果我使用&lt;video controls autoplay&gt; &lt;/video&gt;标签,它会显示视频的时间轴。 我只想创建一个按钮,让用户可以决定是否要听音乐。 这是我的html代 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM