【问题标题】:HTML5 Video: How to enable *non-muted* autoplay in Chrome for AndroidHTML5 视频:如何在 Android 版 Chrome 中启用*非静音*自动播放
【发布时间】:2021-04-17 22:10:53
【问题描述】:

我正在为当地博物馆开发一个简单的解决方案,希望参观者与安装在平板电脑上的信息视频进行互动。这些视频只是嵌入在简单的 HTML5 页面上,并且应该在页面加载时自动播放。

但是,Google 显然已经决定在视频未静音的情况下在 Android 版 Chrome 上启用自动播放。他们的推理显然是资源/带宽成本高,“用户”(谁?)不喜欢它。

换句话说:它可以在 Chrome 桌面版本等上运行,但是当你没有在标签中添加关键字“静音”时,它不会在 Android 设备上自动播放。

所以这行得通:

 <video id="player" class="player" controls autoplay muted>

但不是这个:

 <video id="player" class="player" controls autoplay>

我坚持使用 Chrome 的原因是因为我想在主屏幕上将网页作为应用程序/快捷方式运行,以便摆脱带有所有选项卡和东西的 Chrome 界面栏。

所以问题是平板电脑上是否有设置或其他一些技巧来启用非静音自动播放,所以我可以让它工作。或者是否可以让 Firefox 用于放置在主屏幕上的 url(或其他摆脱顶部界面栏的方式)。

【问题讨论】:

  • 带有音频的自动播放广告只是一场等待发生的广告噩梦。解决问题...最简单的方法是构建一个容器应用程序并使用它来显示视频(您可以选择避免用户交互)
  • 谢谢,但这是一场“等待发生的广告噩梦”吗?这仅用于在独立设备上运行一堆静态 html 页面,其唯一目的是运行这些特定页面。广告永远不会介入。至少谷歌本可以不那么自大,并允许用户出于任何特定原因自行选择退出。 Mozilla 就是这样做的。
  • 您的场景不一定是问题,但允许自动播放、取消静音、占用带宽(尤其是计量/封顶用户)视频是广告商无法抗拒的。看起来 Surefox 为您提供了类似的可控容器/信息亭,因此内容滥用问题没有实际意义
  • 好吧,我当然理解一般的理由,但我不明白如果有必要不让用户选择退出此设置,就像我的情况一样,就像 Mozilla 所做的那样。实际上,直到我最终通过在线搜索偶然发现它时,我才知道发生了什么。
  • 如果您想为您控制的设备执行此操作,那么您可以。导航到chrome://flags 并将gesture requirement for media playback(列表下方大约三到四页)设置为disabled

标签: android html google-chrome firefox video


【解决方案1】:

如果您想为您控制的设备执行此操作,那么您可以(尽管显然这不是您可以轻松让用户为他们的设备执行的操作,因为它适用于浏览器范围,而不是特定于站点)。

导航至chrome://flags 并将gesture requirement for media playback(列表下方大约三四页)设置为禁用

【讨论】:

  • 太好了,在 Android Chrome 中的 HTML5 视频确实很好用。我正在尝试对嵌入的 YouTube 视频执行相同的操作,不幸的是禁用此标志没有任何影响。我为此打开了a new question
  • 标志已在 chrome 60 中被禁用。:/
  • :( 遗憾的是,flags 中的任何内容都不能得到保证。建议打开一个错误以使其恢复...
  • @gordie 在我看来他们只是将其重命名为“自动播放策略”
  • 现在取决于用户与网站的交互方式:link
【解决方案2】:

我把 Chrome 换成了 Firefox,因为 Mozilla 并不那么霸道。我尝试了几个不同的附加组件以使其全屏显示,并取得了一些初步成功,但不断遇到怪癖。

然后我找到了一个应用程序形式的解决方案,该应用程序以“信息亭模式”提供网页,阻止访问者干扰系统并在没有任何导航或其他栏的情况下全屏显示。它显然是基于 Mozilla 浏览器技术并被称为“Surefox”。它是高度可定制的,完全符合我的需要。这有点贵,但我认为非常值得。

您可以在他们的网站上了解更多信息:https://www.42gears.com/products/surefox-secure-browser/surefox-android/

猜你喜欢
  • 2014-01-04
  • 1970-01-01
  • 2023-03-31
  • 2018-12-17
  • 1970-01-01
  • 2015-08-10
  • 2016-02-25
  • 2018-12-05
  • 2011-12-24
相关资源
最近更新 更多