javascript - 如果 <video> 正在播放停止 <audio>

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

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');
    }
});