程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如果<video>正在播放,请停止<audio>大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决如果<video>正在播放,请停止<audio>?

开发过程中遇到如果<video>正在播放,请停止<audio>的问题如何解决?下面主要结合日常开发的经验,给出你关于如果<video>正在播放,请停止<audio>的解决方法建议,希望对你解决如果<video>正在播放,请停止<audio>有所启发或帮助; | 在网页上,我使用了两个音频标签来获取鼠标悬停的声音,并使用一个视频标签来播放视频。 现在,在播放视频时,应该停止并禁用音频。音频会像这样触发:
$(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\');
    }
});
有人做过这样的事吗? 任何帮助表示赞赏:-) 谢谢!     

解决方法

        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\');
    }
});
    ,        只要声明了视频标签的暂停信号,就应该注册要调用的事件监听器。
var v = document.getElementsByTagName(\"video\")[0];
v.addEventListener(\"pause\",function() { audio.trigger(\"play\"); },truE);
    ,        
var video = document.getElementById(\"myVideo\");
var music = document.getElementById(\"mymusic\");
var noOverlap = seTinterval(
if(myVideo.paused == falsE){
    mymusic.pause();
},1000);
这将检查两者是否每秒重叠,默认情况下,播放视频并暂停音乐。     

大佬总结

以上是大佬教程为你收集整理的如果<video>正在播放,请停止<audio>全部内容,希望文章能够帮你解决如果<video>正在播放,请停止<audio>所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。