遇到问题与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音频/视频

回答

相关问题