我创建了一个带静音的简单视频块(用于移动自动启动),但现在我无法改变静音状态......
我用那个repository,小提琴链接会很棒。
到目前为止,我已经尝试过,没有运气。
HTML
<video width="640" height="264" muted autoplay webkit-playsinline src="'+videoURL+'"></video>'
JS
$(document).on("click",".containerVolume",function(e){
if(isMuted){
$('video').prop('muted', false);
}
else{
$('video').prop('muted',true);
}
});
var videos = document.querySelectorAll('video');
if (location.search === '?enabled=false')
{
} else if (location.search === '?enabled=true') {
enableVideos(false);
} else {
enableVideos();
}
function enableVideos(everywhere) {
for (var i = 0; i < videos.length; i++) {
window.makeVideoPlayableInline(videos[i], !videos[i].hasAttribute('muted'), !everywhere);
}
}
试试这个:
function toggleMute() {
var video=document.getElementById("myVideo");
if(video.muted){
video.muted = false;
} else {
video.muted = true;
}
}
检查示例here
如果您自己的代码无效,请尝试将id
添加到您希望点击注册并使用的视频/元素:
var video=document.getElementById("myVideo") ;
$(video).on("click", function(e){
if(video.muted){
video.muted = false;
}
else{
video.muted = true;
}
});
你应该使用videoEl.muted
var video = document.getElementById('video');
function toggleMute(){
video.muted = !video.muted;
}
<video id="video" width="300" controls muted src="http://www.w3schools.com/html/mov_bbb.mp4"></video>
<br><br>
<a onclick="toggleMute()">Toggle Mute</a>
你可以简单地静音/取消静音
document.getElementById("theIdOfYourVideoGoesHere").volume=0;
和
document.getElementById("theIdOfYourVideoGoesHere").volume=1;
(这个帖子似乎已经两年了,但今天它是我谷歌搜索中排名第一的结果)
计算机既不了解知识也不尊重。因为它是一种没有生命的机制。就是这样。