加入（）函数加载页面在移动设备上不起作用

Posted 2023-03-14

技术标签:

【中文标题】加入（）函数加载页面在移动设备上不起作用【英文标题】：join() function onload page not working on mobile 【发布时间】：2019-06-24 07:33:15 【问题描述】：

当点击加入按钮时加入功能起作用，但在加载页面时不起作用我的点击按钮代码是

$(document).ready(function()

    setTimeout(function() 

     $( "#join" ).trigger( "click" );

    , 5000);

);

【问题讨论】：

【参考方案1】：

问题的根源在于大多数浏览器现在如何处理视频元素 auto 播放功能。（chrome、Firefox、safari）。

TLDR;浏览器将阻止auto 播放任何启用了声音的视频，除非用户通过click 与页面交互。因此，当您通过click 拥有joinChannel 时，它可以工作，它符合用户发起与页面交互的标准，因此浏览器允许播放视频。

这是推荐的行为，因为它可以确保用户准备好查看内容。查看 Google Hangouts/Meet，了解实现此逻辑的商业产品

还有另一种选择，在技术上是可行的（但不推荐）。您可以在静音的情况下开始播放视频。不推荐这样做的原因是不知道将来浏览器是否会同时阻止 auto 播放功能，因此这可能会再次中断。

【讨论】：