Question

在网页上我使用了几个用于鼠标悬停声音的音频标签和一个用于播放视频的视频标签。

现在，播放视频时，应停止并禁用音频。音频会被触发：

$(this).mouseover(function() {
    $('audio#' + $(this).attr('title') + '_sound').trigger('play');
});

现在应该添加这样的东西，我尝试了一些没有工作的东西：

$(this).mouseover(function() {
    if($('#video') is NOT playing) {
        $('audio#' + $(this).attr('title') + '_sound').trigger('play');
    }
});

之前有人做过这样的事吗？

感谢任何帮助： - ）

谢谢！

Answer 1

每当视频标签的暂停信号被声明时，您应该注册一个事件监听器。

var v = document.getElementsByTagName("video")[0];
v.addEventListener("pause", function() { audio.trigger("play"); }, true);

Answer 2

HTML5具有暂停属性。

var v = document.getElementsByTagName("video")[0];

$(this).mouseover(function() {
    if(v.paused){  // checks to see if video is paused
       $('audio#' + $(this).attr('title') + '_sound').trigger('play');
    }
});

Answer 3

var video = document.getElementById("myVideo");
var music = document.getElementById("myMusic");
var noOverlap = setInterval(
if(myVideo.paused == false){
    myMusic.pause();
}
, 1000);

这将检查两者是否每秒重叠，默认情况下，播放视频并暂停音乐。

如果<video>正在播放<audio> </audio> </video>

3 个答案: