如何取消静音背景视频

时间:2016-02-17 05:01:26

标签: javascript html css

我正在使用具有背景视频的主题但是我想要取消静音。我尝试编辑js和css文件,但没有运气。任何人都可以帮我找到代码weburl http://modelveenna.com/veenna-garbani-video-intro/

3 个答案:

答案 0 :(得分:0)

HTML5视频:

这取决于您设置视频的方式,但......

document.getElementById('videoId').muted=false;

如果您将muted属性应用于视频,则可以使用,其中videoId是您要取消静音的视频的ID。示例代码:

<video id="videoId" muted src="/media/example.mp4">No HTML5 Video Support!</video>

document.getElementById('videoId').volume=1;

类似,但不是取消静音只是将音量设置为1(100%,因为音量范围为01之间的浮点数。10%音量将例如,0.1

请注意,要使用此方法,您需要在页面加载时将视频的音量设置为0,因为HTML5视频没有volume属性。

Youtube视频:

player.unMute();

player是制作视频时返回的对象。 Youtube提供了许多基本功能,例如unMute()及其视频API。

请注意,此函数在已弃用的JS API和推荐的iFrame API中都可用,因此它应该可以正常工作。

有关详细信息,请参阅https://developers.google.com/youtube/iframe_api_reference

答案 1 :(得分:0)

当您创建YTPlayer.js正在执行的元素时,您必须使用所需的选项正确设置data-property

目前你有

data-property="{videoURL:'https://www.youtube.com/watch?v=GLels6kOdDc',containment:'#fixed_video',autoPlay:true, showControls:false, mute:true, startAt:0, opacity:1}"

我认为您要从中删除mute: true,即

data-property="{videoURL:'https://www.youtube.com/watch?v=GLels6kOdDc',containment:'#fixed_video',autoPlay:true, showControls:false, startAt:0, opacity:1}"

答案 2 :(得分:-1)

检查视频标记属性muted