2016-11-26 1 views
-1

私はカスタムプレーヤーデザインを作成しようとしていて、HTML5カスタムコントロールのチュートリアルに従っていて、問題にぶつかっていました。html5ビデオカスタムコントロール

unmuteを実行すると、[objectHTML button Element]と表示されます。どうすればよいですか?

<!DOCTYPE html> 
<html> 
<head> 
<style> 
</style> 
</head> 
<body> 
<video id="myVideo" width="640" height="320" autoplay> 
<source src="http://vjs.zencdn.net/v/oceans.mp4"></source> 
</video><br> 
<button id="plbn" onclick="playPause()">Pause</button> 
<button id="mute" onclick="mutevol()">Mute</button> 

<script> 
var vid = document.getElementById("myVideo"); 
function playPause() { 
var plbtn = document.getElementById("plbn"); 
    if (vid.paused)  
     {vid.play();plbtn.innerHTML = "Pause";} 
    else 
     {vid.pause();plbtn.innerHTML = "Play";} 
    } 
function mutevol() { 
var mutebtn = document.getElementById("mute"); 
    if(vid.muted == true) 
     {vid.muted = false; 
     mutebtn.innerHTML = mute;} 
    else 
     {vid.muted = true; 
     mutebtn.innerHTML = unmute;} /*On execution it shows "[objectHTML button ELement]", so what do i do? */ 
} 
</script> 
</body> 
</html> 
+0

ミュートおよびミュート解除の必要性は、私を修正するための – zer00ne

答えて

0

ミュートおよびミュート解除は文字列であるので、以下を使用する必要があります。

mutebtn.innerHTML = "unmute"; 
mutebtn.innerHTML = "mute"; 
+0

おかげで多くのことを引用しています。私はその愚かな間違いに気付かなかった – Andruraj