遇到問題與HTML音頻/視頻

基本上我試圖實現的是這個音頻播放器在HTML播放音頻和視頻時播放按鈕被單擊，反之亦然暫停。這是我的代碼。遇到問題與HTML音頻/視頻

<div style="text-align:center"> 
<img src="img/playpause.jpg" onclick="playPause()"> 
    <br> 
    <video id="video1" width="1200" > 
    <source src="pjds.mp4" type="video/mp4"> 
    <source src="pjds.ogg" type="video/ogg"> 
    Oops, your browser doesn't support me :(
    </video> 
</div> 
<script> 
var myVideo = document.getElementById("video1"); 
function playPause() { 
    if (myVideo.paused) 
     myVideo.play(); 
    else 
     myVideo.pause(); 
} 
</script> 
<audio controls> 
    <source src="ay.ogg" type="audio/ogg" onclick="playPause()"> 
    <source src="ay.mp3" type="audio/mpeg"> 
    Your browser does not support the audio element. 
</audio>

任何幫助，非常感謝，謝謝。

來源

2014-09-01 Samantha

而問題是什麼？ – Nit 2014-09-01 14:24:33

@Nit Erm ..它不這麼做...... – Samantha 2014-09-01 14:25:45

在所有的瀏覽器中？在哪個操作系統？打開網頁開發工具，看看有沒有錯誤。 – onetwo12 2014-09-01 14:28:59

這是最好的例子說明：http://jsbin.com/zivak/1/edit

我設置了一個視頻標籤和音頻標籤，並與onClick - 結合的按鈕。爲了教育目的，我將控件留下可見，但它們應該隱藏起來，因爲它們會篡改你的狀態。

單擊該按鈕時，將從DOM中檢索元素，如果暫停，則返回play()，否則返回pause()。

記住onClick是單向的，可以這麼說......

UPDATE：是的，這是可能的，儘管它會變得複雜，因爲這兩個標籤可能必須indepentently緩衝，你必須小心地同步。這絕非易事......但是http://jsbin.com/zivak/4/edit你是怎麼想的？

UPDATE：如果你的意思是「將音頻靜音，留下的視頻」，則沒有。如果你的意思是「靜音音頻，靜音視頻」，是的，這實際上很容易：http://jsbin.com/zivak/5/edit。

來源

2014-09-01 14:37:16 thriqon

感謝您的答案，但它是可能的只有其中一個音頻控制基本上控制視頻和音頻？例如，如果我播放音頻視頻將播放？ – Samantha 2014-09-01 14:39:50

感謝您的幫助！但我只是有一個問題，因爲控制音量有可能靜音音頻不是視頻？乾杯 – Samantha 2014-09-01 14:56:36

Thriq，是否有可能只有一個控制他們？不是兩個？ – Samantha 2014-09-01 15:05:19

試試這個：

 var myVideo = document.querySelector("video1"); 
    if (myVideo.get(0).paused) { 
      myVideo.get(0).play(); 
    } 
     else { 
      myVideo.get(0).pause(); 
    }

來源

2014-09-01 14:29:00

沒有工作:(雖然感謝 – Samantha 2014-09-01 14:30:07

遇到問題與HTML音頻/視頻

回答

相關問題