join() 函数加载页面无法在移动设备上运行
join() function onload page not working on mobile
点击加入按钮时加入功能有效,但在加载页面时无效 我的点击按钮代码是
$(文档).ready(函数(){
setTimeout(function() {
$( "#join" ).trigger( "click" );
}, 5000);
});
您的问题的根源在于大多数浏览器现在处理视频元素 auto
播放功能的方式。 (chrome, Firefox,safari)。
TLDR;浏览器将阻止 auto
播放任何启用声音的视频,除非用户通过 click
与页面交互。因此,当您通过 click
获得 joinChannel
时,它会起作用,它符合用户发起与页面交互的标准,因此浏览器允许播放视频。
这是推荐的行为,因为它确保用户已准备好查看内容。查看 Google Hangouts/Meet 实现此逻辑的商业产品
还有另一种选择,技术上可行(但不推荐)。您可以在静音的情况下开始播放视频。不推荐这样做的原因是不知道将来浏览器是否会一起阻止 auto
播放功能,因此这可能会再次中断。
点击加入按钮时加入功能有效,但在加载页面时无效 我的点击按钮代码是
$(文档).ready(函数(){
setTimeout(function() {
$( "#join" ).trigger( "click" );
}, 5000);
});
您的问题的根源在于大多数浏览器现在处理视频元素 auto
播放功能的方式。 (chrome, Firefox,safari)。
TLDR;浏览器将阻止 auto
播放任何启用声音的视频,除非用户通过 click
与页面交互。因此,当您通过 click
获得 joinChannel
时,它会起作用,它符合用户发起与页面交互的标准,因此浏览器允许播放视频。
这是推荐的行为,因为它确保用户已准备好查看内容。查看 Google Hangouts/Meet 实现此逻辑的商业产品
还有另一种选择,技术上可行(但不推荐)。您可以在静音的情况下开始播放视频。不推荐这样做的原因是不知道将来浏览器是否会一起阻止 auto
播放功能,因此这可能会再次中断。