Javascript HTML5视频播放器外部控制_Javascript_Html

Javascript HTML5视频播放器外部控制

javascript html

Javascript HTML5视频播放器外部控制,javascript,html,Javascript,Html,我正在使用html5视频播放器播放一些视频，并尝试使用带有javascript的外部控件。设法让玩家播放并暂停。但我无法使用按钮使其静音和取消静音如果有人能帮助解决这件事，这是非常恰当的下面是HTML代码 <video id="myMovie" width="600" height="600" loop preload="auto" video poster="img.jpg" controls> <source src="my-video-file.mp4" type=

我正在使用html5视频播放器播放一些视频，并尝试使用带有

javascript

的外部控件。设法让玩家播放并暂停。但我无法使用按钮使其静音和取消静音
如果有人能帮助解决这件事，这是非常恰当的

下面是HTML代码

<video id="myMovie" width="600" height="600" loop preload="auto" video poster="img.jpg" controls>
  <source src="my-video-file.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

<button id="playButton">Play</button>
<button id="volButton">Mute</button>

提前感谢。

试试这个：

var videoObject = document.getElementById('myMovie');
videoObject.muted = !videoObject.muted;

试试这个：

var videoObject = document.getElementById('myMovie');
videoObject.muted = !videoObject.muted;


播放/暂停
静音/取消静音


您的浏览器不支持HTML5视频。
var myVideo=document.getElementById（“video1”）；
函数playPause（）
{ 
如果（myVideo.paused）
myVideo.play（）；
其他的
myVideo.pause（）；
} 
函数mute unmute（）
{ 
如果（！myVideo.mute）
myVideo.muted='muted'；
其他的
myVideo.muted=false；
}


播放/暂停
静音/取消静音


您的浏览器不支持HTML5视频。
var myVideo=document.getElementById（“video1”）；
函数playPause（）
{ 
如果（myVideo.paused）
myVideo.play（）；
其他的
myVideo.pause（）；
} 
函数mute unmute（）
{ 
如果（！myVideo.mute）
myVideo.muted='muted'；
其他的
myVideo.muted=false；
}

<html> 
<body> 

<div style="text-align:center"> 

 <button onclick="playPause()">Play/Pause</button> 
<button onclick="muteUnMute()">Mute/UnMute</button> 
     <br> 
<video id="video1" width="420">
 <source src="mov_bbb.mp4" type="video/mp4">
    <source src="mov_bbb.ogg" type="video/ogg">
 Your browser does not support HTML5 video.
</video>
</div> 


<script> 
var myVideo=document.getElementById("video1"); 

function playPause()
{ 
    if (myVideo.paused) 
    myVideo.play(); 
else 
 myVideo.pause(); 
} 

function muteUnMute()
{ 
    if( !myVideo.muted)
 myVideo.muted='muted';
else

myVideo.muted=false;
} 


</script> 

</body> 
</html>